documentation(EJ2-896949): Added the docker image content for Spreadsheet component

ej2-asp-core-mvc/spreadsheet/docker-deployment.md

@@ -0,0 +1,150 @@
+---
+layout: post
+title: Docker image deployment in ##Platform_Name## Spreadsheet control | Syncfusion
+description: Learn here all about Docker image deployment in Syncfusion ##Platform_Name## Spreadsheet control of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Docker deployment 
+publishingplatform: ##Platform_Name##
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Docker Image Overview in ##Platform_Name## Spreadsheet control
+
+The [**Syncfusion Spreadsheet (also known as Excel Viewer)**](https://www.syncfusion.com/aspnet-mvc-ui-controls/spreadsheet) is a feature-rich control for organizing and analyzing data in a tabular format. It provides all the common Excel features, including data binding, selection, editing, formatting, resizing, sorting, filtering, importing, and exporting Excel documents.
+
+This Docker image is the pre-defined Docker container for Syncfusion's Spreadsheet backend functionalities. This server-side Web API project targets ASP.NET Core 6.0.
+
+You can deploy it quickly to your infrastructure. If you want to add new functionality or customize any existing functionalities, create your own Docker file by referencing the existing [Spreadsheet Docker project](https://github.com/SyncfusionExamples/Spreadsheet-Server-Docker).
+
+The Spreadsheet is supported on the [JavaScript](https://www.syncfusion.com/javascript-ui-controls), [Angular](https://www.syncfusion.com/angular-ui-components), [React](https://www.syncfusion.com/react-ui-components), [Vue](https://www.syncfusion.com/vue-ui-components), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls), and [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls) platforms.
+
+## Prerequisites
+
+Have [`Docker`](https://www.docker.com/products/container-runtime#/download) installed in your environment:
+
+* On Windows, install [`Docker for Windows`](https://hub.docker.com/editions/community/docker-ce-desktop-windows).
+* On macOS, install [`Docker for Mac`](https://docs.docker.com/desktop/install/mac-install/).
+
+## How to deploy the Spreadsheet Docker Image
+
+**Step 1:** Pull the spreadsheet-server image from Docker Hub.
+
+```console
+docker pull syncfusion/spreadsheet-server
+```
+
+**Step 2:** Create the `docker-compose.yml` file with the following code in your file system.
+
+```yaml
+version: '3.4' 
+
+services:
+  spreadsheet-server:
+    image: syncfusion/spreadsheet-server:latest
+    environment:
+      # Provide your license key for activation
+      SYNCFUSION_LICENSE_KEY: YOUR_LICENSE_KEY
+    ports:
+      - "6002:80"
+```
+
+**Note:** The Spreadsheet is a commercial product. It requires a valid [license key](https://help.syncfusion.com/common/essential-studio/licensing/licensing-faq/where-can-i-get-a-license-key) to use in a production environment. Please replace `YOUR_LICENSE_KEY` with the valid license key in the `docker-compose.yml` file.
+
+**Step 3:** In a terminal tab, navigate to the directory where you've placed the `docker-compose.yml` file and execute the following:
+
+```console
+docker-compose up
+```
+
+Now the Spreadsheet server Docker instance runs on localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Spreadsheet Web API open and save service at `http://localhost:6002/api/spreadsheet/open` and `http://localhost:6002/api/spreadsheet/save`.
+
+**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_OpenUrl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_SaveUrl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet control. For more information on how to get started with the Spreadsheet control, refer to this [`getting started page.`](https://ej2.syncfusion.com/aspnetcore/documentation/spreadsheet/getting-started-core)
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+
+```
+<ejs-spreadsheet id="spreadsheet" openUrl="Open" allowOpen = "true" beforeOpen="beforeOpen">
+
+</ejs-spreadsheet>
+
+<script>
+
+    function beforeOpen(args) {
+        // your code snippets here
+    }
+
+</script>
+```
+
+{% endhighlight %}
+
+{% highlight c# tabtitle="Opencontroller.cs" %}
+
+```cs
+public IActionResult Open(IFormCollection openRequest)
+{
+    OpenRequest open = new OpenRequest();
+    open.File = openRequest.Files[0];
+    return Content(Workbook.Open(open));
+}
+```
+
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+
+```
+@Html.EJS().Spreadsheet("spreadsheet").OpenUrl("http://localhost:6002/api/spreadsheet/open").SaveUrl("http://localhost:6002/api/spreadsheet/save").AllowOpen(true).AllowSave(true).BeforeOpen("beforeOpen").Render()
+
+<script>
+
+    function beforeOpen(args) {
+        // your code snippets here
+    }
+
+</script>
+```
+{% endhighlight %}
+{% highlight c# tabtitle="Opencontroller.cs" %}
+```cs
+public IActionResult Open(IFormCollection openRequest)
+{
+    OpenRequest open = new OpenRequest();
+    open.File = openRequest.Files[0];
+    return Content(Workbook.Open(open));
+}
+```
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+## How to configure different cultures using a Docker compose file
+
+By default, the Spreadsheet Docker container is generated in the `en_US` culture. You can configure different cultures using the `LC_ALL`, `LANGUAGE`, and `LANG` environment variables in the `docker-compose.yml` file. These environment variables are replaced in the Docker file to set the specified culture for the Spreadsheet server.
+
+```yaml
+version: '3.4' 
+
+services:
+  spreadsheet-server:
+    image: syncfusion/spreadsheet-server:latest
+    environment:
+      # Provide your license key for activation
+      SYNCFUSION_LICENSE_KEY: YOUR_LICENSE_KEY
+      # Specify the culture to configure for the Spreadsheet server
+      LC_ALL: de_DE.UTF-8
+      LANGUAGE: de_DE.UTF-8
+      LANG: de_DE.UTF-8
+    ports:
+      - "6002:80"
+```
+
+Please refer to these getting started pages to create a Spreadsheet in [`Angular`](https://ej2.syncfusion.com/angular/documentation/spreadsheet/getting-started), [`React`](https://ej2.syncfusion.com/react/documentation/spreadsheet/getting-started), [`Vue`](https://ej2.syncfusion.com/vue/documentation/spreadsheet/getting-started), [`ASP.NET Core`](https://ej2.syncfusion.com/aspnetcore/documentation/spreadsheet/getting-started-core), and [`ASP.NET MVC`](https://ej2.syncfusion.com/aspnetmvc/documentation/spreadsheet/getting-started-mvc).

ej2-asp-core-mvc/spreadsheet/open-save.md

@@ -556,3 +556,4 @@ Open and save helper functions are shipped in the Syncfusion.EJ2.Spreadsheet pac
 * [Filtering](filter)
 * [Sorting](sort)
 * [Hyperlink](link)
+* [Docker Image](./docker-deployment)

ej2-asp-core-toc.html

@@ -2486,6 +2486,7 @@
 		<li><a href="/ej2-asp-core/spreadsheet/overview">Overview</a></li>
 		<li><a href="/ej2-asp-core/spreadsheet/getting-started-core">Getting Started</a></li>
 		<li><a href="/ej2-asp-core/spreadsheet/open-save">Open and Save</a></li>
+		<li><a href="/ej2-asp-core/spreadsheet/docker-deployment">Docker Deployment</a></li>
 		<li><a href="/ej2-asp-core/spreadsheet/worksheet">Worksheet</a></li>
 		<li><a href="/ej2-asp-core/spreadsheet/cell-range">Cell Range</a></li>
 		<li><a href="/ej2-asp-core/spreadsheet/editing">Editing</a></li>

ej2-asp-mvc-toc.html

@@ -2449,6 +2449,7 @@
 		<li><a href="/ej2-asp-mvc/spreadsheet/overview">Overview</a></li>
 		<li><a href="/ej2-asp-mvc/spreadsheet/getting-started-mvc">Getting Started</a></li>
 		<li><a href="/ej2-asp-mvc/spreadsheet/open-save">Open and Save</a></li>
+		<li><a href="/ej2-asp-mvc/spreadsheet/docker-deployment">Docker Deployment</a></li>
 		<li><a href="/ej2-asp-mvc/spreadsheet/worksheet">Worksheet</a></li>
 		<li><a href="/ej2-asp-mvc/spreadsheet/cell-range">Cell Range</a></li>
 		<li><a href="/ej2-asp-mvc/spreadsheet/editing">Editing</a></li>