Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
layout: post
title: Docker image deployment in EJ2 Javascript Spreadsheet control | Syncfusion
description: Learn here all about Docker image deployment in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more.
title: Docker image deployment in EJ2 JavaScript Spreadsheet | Syncfusion
description: Learn here all about Docker image deployment in Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Docker deployment
documentation: ug
---

# Docker Image Overview in EJ2 Javascript Spreadsheet control
# Docker Image Overview in EJ2 JavaScript Spreadsheet control

The [**Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet (also known as Excel Viewer)**](https://www.syncfusion.com/spreadsheet-editor-sdk/javascript-spreadsheet-editor) 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<sup style="font-size:70%">&reg;</sup> Spreadsheet backend functionalities. This server-side Web API project targets ASP.NET Core 8.0.
This Docker image is the pre-defined Docker container for Syncfusion's<sup style="font-size:70%">&reg;</sup> Spreadsheet back-end functionalities. This server-side Web API project targets ASP.NET Core 8.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).

Expand Down Expand Up @@ -57,7 +57,7 @@ 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://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet/#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/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://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es5/getting-started)
**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/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://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es5/getting-started)

```html
<!DOCTYPE html>
Expand Down Expand Up @@ -103,7 +103,7 @@ Now the Spreadsheet server Docker instance runs on localhost with the provided p
<div id='Spreadsheet'></div>
<script>
// Initialize Spreadsheet component.
const spreadsheet = new ej.spreadsheet.Spreadsheet({
var spreadsheet = new ej.spreadsheet.Spreadsheet({
openUrl: 'http://localhost:6002/api/spreadsheet/open',
saveUrl: 'http://localhost:6002/api/spreadsheet/save'
});
Expand Down
26 changes: 13 additions & 13 deletions Document-Processing/Excel/Spreadsheet/Javascript-ES5/formatting.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Formatting in EJ2 Javascript Spreadsheet control | Syncfusion
description: Learn here all about Formatting in Syncfusion EJ2 Javascript Spreadsheet control of Syncfusion Essential JS 2 and more.
title: Formatting in EJ2 JavaScript Spreadsheet control | Syncfusion
description: Learn here all about Formatting in Syncfusion EJ2 JavaScript Spreadsheet control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Formatting
documentation: ug
---

# Formatting in EJ2 Javascript Spreadsheet control
# Formatting in EJ2 JavaScript Spreadsheet control

Formatting options make your data easier to view and understand. The different types of formatting options in the Spreadsheet are,
* Number Formatting
Expand All @@ -16,7 +16,7 @@ Formatting options make your data easier to view and understand. The different t

## Number Formatting

Number formatting provides a type for your data in the Spreadsheet. Use the [`allowNumberFormatting`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#allownumberformatting) property to enable or disable the number formatting option in the Spreadsheet. The different types of number formatting supported in Spreadsheet are,
Number formatting provides a type for your data in the Spreadsheet. Use the [`allowNumberFormatting`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#allownumberformatting) property to enable or disable the number formatting option in the Spreadsheet. The different types of number formatting supported in Spreadsheet are,

| Types | Format Code | Format ID |
|---------|---------|---------|
Expand All @@ -35,7 +35,7 @@ Number formatting provides a type for your data in the Spreadsheet. Use the [`al
Number formatting can be applied in following ways,
* Using the `format` property in `cell`, you can set the desired format to each cell at initial load.

* Using the [`numberFormat`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#numberformat) method, you can set the number format to a cell or range of cells.
* Using the [`numberFormat`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#numberformat) method, you can set the number format to a cell or range of cells.

* Selecting the number format option from ribbon toolbar.

Expand Down Expand Up @@ -86,7 +86,7 @@ The different types of custom number format populated in the custom number forma

Custom Number formatting can be applied in following ways,

* Using the [`numberFormat`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#numberformat) method, you can set your own custom number format to a cell or range of cells.
* Using the [`numberFormat`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#numberformat) method, you can set your own custom number format to a cell or range of cells.

* Selecting the custom number format option from custom number formats dialog or type your own format in dialog input and then click apply button. It will apply the custom format for selected cells.

Expand All @@ -113,10 +113,10 @@ Compared to Excel, the date, time, currency, and accounting formats vary across

> The format code should use the default decimal separator (.) and group separator (,).

The code below illustrates how culture-based format codes are mapped to their corresponding number format ID for the `German (de)` culture.
The code below illustrates how culture-based format codes are mapped to their corresponding number format ID for the `German` culture.

```js
const deLocaleFormats = [
var deLocaleFormats = [
{ id: 14, code: 'dd.MM.yyyy' },
{ id: 15, code: 'dd. MMM yy' },
{ id: 16, code: 'dd. MMM' },
Expand Down Expand Up @@ -157,9 +157,9 @@ The following code example demonstrates how to configure culture-based formats f

## Text and cell formatting

Text and cell formatting enhances the look and feel of your cell. It helps to highlight a particular cell or range of cells from a whole workbook. You can apply formats like font size, font family, font color, text alignment, border etc. to a cell or range of cells. Use the [`allowCellFormatting`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#allowcellformatting) property to enable or disable the text and cell formatting option in Spreadsheet. You can set the formats in following ways,
Text and cell formatting enhances the look and feel of your cell. It helps to highlight a particular cell or range of cells from a whole workbook. You can apply formats like font size, font family, font color, text alignment, border etc. to a cell or range of cells. Use the [`allowCellFormatting`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#allowcellformatting) property to enable or disable the text and cell formatting option in Spreadsheet. You can set the formats in following ways,
* Using the `style` property, you can set formats to each cell at initial load.
* Using the [`cellFormat`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#cellformat) method, you can set formats to a cell or range of cells.
* Using the [`cellFormat`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#cellformat) method, you can set formats to a cell or range of cells.
* You can also apply by clicking the desired format option from the ribbon toolbar.

### Fonts
Expand Down Expand Up @@ -234,7 +234,7 @@ The following features are not supported in Formatting:

## Conditional Formatting

Conditional formatting helps you to format a cell or range of cells based on the conditions applied. You can enable or disable conditional formats by using the [`allowConditionalFormat`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#allowConditionalFormat) property.
Conditional formatting helps you to format a cell or range of cells based on the conditions applied. You can enable or disable conditional formats by using the [`allowConditionalFormat`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#allowConditionalFormat) property.

> The default value for the `allowConditionalFormat` property is `true`.

Expand All @@ -244,7 +244,7 @@ You can apply conditional formatting by using one of the following ways,

* Select the conditional formatting icon in the Ribbon toolbar under the Home Tab.

* Using the [`conditionalFormat()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#conditionalFormat) method to define the condition.
* Using the [`conditionalFormat()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#conditionalFormat) method to define the condition.

* Using the `conditionalFormats` in sheets model.

Expand Down Expand Up @@ -312,7 +312,7 @@ You can clear the defined rules by using one of the following ways,

* Using the “Clear Rules” option in the Conditional Formatting button of HOME Tab in the ribbon to clear the rule from selected cells.

* Using the [`clearConditionalFormat()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#clearConditionalFormat) method to clear the defined rules.
* Using the [`clearConditionalFormat()`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#clearConditionalFormat) method to clear the defined rules.


{% tabs %}
Expand Down
Loading