diff --git a/angular/Button/Easy-Customization.md b/angular/Button/Easy-Customization.md index af86445e..47e343cf 100644 --- a/angular/Button/Easy-Customization.md +++ b/angular/Button/Easy-Customization.md @@ -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. @@ -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 @@ -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 @@ -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 @@ -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) diff --git a/angular/Diagram/Serialization.md b/angular/Diagram/Serialization.md index b1d5b00b..d487ea3d 100644 --- a/angular/Diagram/Serialization.md +++ b/angular/Diagram/Serialization.md @@ -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. diff --git a/angular/Spreadsheet/Formatting.md b/angular/Spreadsheet/Formatting.md index 575d0316..c99974cf 100644 --- a/angular/Spreadsheet/Formatting.md +++ b/angular/Spreadsheet/Formatting.md @@ -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, @@ -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 @@ -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 @@ -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 @@ -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 @@ -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 @@ -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 @@ -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