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
14 changes: 7 additions & 7 deletions angular/Button/Easy-Customization.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Easy-Customization
description: easy customization
title: Easy Customization in Angular Button Control | Syncfusion
description: Learn here about easy customization in Syncfusion Essential Angular Button Control, its elements, and more.
platform: Angular
control: Button
documentation: ug
---

# Easy Customization
# Easy Customization in Angular Button

Button is used in all applications. Button size, content and content location is varied according to each application. Here you can see some customizable option for button that can perform easily.

Expand Down Expand Up @@ -110,7 +110,7 @@ In the **HTML** page, add the following button elements to configure button widg

Execute the above code to render the following output.

![](Easy-Customization_images/Easy-Customization_img1.png)
![Angular Button easy customization](Easy-Customization_images/Easy-Customization_img1.png)


## Content Type
Expand Down Expand Up @@ -242,7 +242,7 @@ In the **HTML** page, add the following button elements to configure **Button**

Execute the above code to render the following output.

![](Easy-Customization_images/Easy-Customization_img2.png)
![Angular Button image position](Easy-Customization_images/Easy-Customization_img2.png)


## Image Position
Expand Down Expand Up @@ -346,7 +346,7 @@ In the **HTML** page, add the following button elements to configure **Button**

Execute the above code to render the following output.

![](Easy-Customization_images/Easy-Customization_img3.png)
![Angular Button theme support](Easy-Customization_images/Easy-Customization_img3.png)


## Theme support
Expand Down Expand Up @@ -449,5 +449,5 @@ export class DefaultComponent {

Execute the above code to render the following output.

![](Easy-Customization_images/Easy-Customization_img4.png)
![Angular Button customization](Easy-Customization_images/Easy-Customization_img4.png)

6 changes: 3 additions & 3 deletions angular/Diagram/Serialization.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Serialize the Diagram as JSON and load Diagram from serialized JSON
description: How to save and load the Diagram?
title: Serialization in Angular Diagram Control | Syncfusion
description: Learn here about Serialization support in Syncfusion Essential Angular Diagram Control, its elements, and more.
platform: Angular
control: Diagram
documentation: ug
---

# Serialization
# Serialization in Angular Diagram

**Serialization** is the process of saving and loading for state persistence of the Diagram.

Expand Down
20 changes: 10 additions & 10 deletions angular/Spreadsheet/Formatting.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
title: Formatting with Spreadsheet widget for Syncfusion Essential Angular-2
description: How to use different types of formatting in Spreadsheet and configure its properties.
title: Formatting in Angular SpreadSheet Control | Syncfusion
description: Learn here about Formatting support in Syncfusion Essential Angular SpreadSheet Control, its elements, and more.
platform: Angular
control: Spreadsheet
documentation: UG
---

# Formatting
# Formatting in Angular SpreadSheet

Spreadsheet supports many formatting options to make your data easier to view and understand. Use `allowCellFormatting` API to enable / disable formatting option in Spreadsheet. The different types of formatting supported in Spreadsheet are,

Expand Down Expand Up @@ -82,7 +82,7 @@ export class AppComponent {
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Formatting_images/Formatting_img1.png)
![Angular SpreadSheet method](Formatting_images/Formatting_img1.png)

### Method

Expand Down Expand Up @@ -123,7 +123,7 @@ export class AppComponent {
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Formatting_images/Formatting_img2.png)
![Angular SpreadSheet user interface](Formatting_images/Formatting_img2.png)

### User Interface

Expand All @@ -132,7 +132,7 @@ You can set number format for a cell through number formatting options in ribbon
### Custom Number Format

Spreadsheet supports many number format to display your data as currency, date, percentage and so on. If these pre-defined number formats do not meet your needs you can create and apply your own number formats using format cell dialog. The following screenshot illustrate this,
![](Formatting_images/Formatting_img3.png)
![Angular SpreadSheet text formatting](Formatting_images/Formatting_img3.png)

N> Spreadsheet supports basic number format customization and it doesn't have all functionality similar to excel

Expand Down Expand Up @@ -198,7 +198,7 @@ export class AppComponent {
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Formatting_images/Formatting_img4.png)
![Angular SpreadSheet method](Formatting_images/Formatting_img4.png)

#### Method

Expand Down Expand Up @@ -239,7 +239,7 @@ export class AppComponent {
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Formatting_images/Formatting_img5.png)
![Angular SpreadSheet user interface](Formatting_images/Formatting_img5.png)

#### User Interface

Expand Down Expand Up @@ -293,7 +293,7 @@ export class AppComponent {
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Formatting_images/Formatting_img6.png)
![Angular SpreadSheet format](Formatting_images/Formatting_img6.png)

#### User Interface

Expand Down Expand Up @@ -347,7 +347,7 @@ To highlight cell or range of cells from whole workbook you can apply background
### Cell Styles

Cell styles is a collection of pre-defined styles with multiple formatting characteristics to apply several formats in one step. You can apply cell style for a cell using `cell style` option in ribbon `HOME` tab. The following screenshot illustrate this,
![](Formatting_images/Formatting_img7.png)
![Angular SpreadSheet format painter](Formatting_images/Formatting_img7.png)

### Format painter

Expand Down