diff --git a/angular/Button/Custom-Buttons.md b/angular/Button/Custom-Buttons.md index 7b625d90..40aa60be 100644 --- a/angular/Button/Custom-Buttons.md +++ b/angular/Button/Custom-Buttons.md @@ -1,12 +1,12 @@ --- layout: post -title: Custom Buttons -description: Custom Buttons +title: Custom Buttons in Angular Button Control | Syncfusion +description: Learn here about Custom Buttons support in Syncfusion Essential Angular Button Control, its elements, and more. platform: Angular control: Button documentation: ug --- -# Custom Buttons +# Custom Buttons in Angular Button Essential Angular Button control has an option of using normal ejButton as **Custom Button** to give visual weight to ejButton which helps user interface to notify and differentiate the priority action button with the other normal buttons. @@ -109,7 +109,7 @@ The following steps explains you the details about customizing normal ejButton w Execute the above code to render the following output. -![](Custom-Buttons_images/custom_buttons.png) +![Angular Button custom image](Custom-Buttons_images/custom_buttons.png) ## Image in Button @@ -155,7 +155,7 @@ Now,assign this custom CSS class name to prefixIcon or suffixIcon property of th Execute the above code to render the following output. -![](Custom-Buttons_images/profile.png) +![Angular Button profile](Custom-Buttons_images/profile.png) diff --git a/angular/Button/Icons.md b/angular/Button/Icons.md index d245e31b..cfae566d 100644 --- a/angular/Button/Icons.md +++ b/angular/Button/Icons.md @@ -1,13 +1,13 @@ --- layout: post -title: Icons -description: icons +title: Icons in Angular Button Control | Syncfusion +description: Learn here about Icons support in Syncfusion Essential Angular Button Control, its elements, and more. platform: Angular control: Button documentation: ug --- -# Icons +# Icons in Angular Button The **Essential Studio for Angular** provide icons library that contains the number of in-built icons that can be applied for CSS class names to elements and refer “ej.widgets.all.core.min.css” file. Use the following syntax to apply class names. @@ -39,7 +39,7 @@ Also in the button sample, you can use the icon class names as follows, Execute the above code to render the following output. -![](Icons_images/Icons_img1.png) +![Angular Button icons](Icons_images/Icons_img1.png) Icon library used in button component {:.caption} @@ -56,7 +56,7 @@ List of icons e-unpin - + Angular Button unpin @@ -64,7 +64,7 @@ List of icons e-pin - + Angular Button pin @@ -72,7 +72,7 @@ List of icons e-upload - + Angular Button upload @@ -80,7 +80,7 @@ List of icons e-reload - + Angular Button reload @@ -88,7 +88,7 @@ List of icons e-collapse - + Angular Button collapse @@ -96,7 +96,7 @@ List of icons e-cancel - + Angular Button cancel @@ -104,7 +104,7 @@ List of icons e-expand - + Angular Button expand @@ -112,7 +112,7 @@ List of icons e-minimize - + Angular Button minimize @@ -120,7 +120,7 @@ List of icons e-login - + Angular Button login @@ -128,7 +128,7 @@ List of icons e-orientationlanscape - + Angular Button orientation lanscape @@ -136,7 +136,7 @@ List of icons e-alignleft - + Angular Button align left @@ -144,7 +144,7 @@ List of icons e-aligncenter - + Angular Button align center @@ -152,7 +152,7 @@ List of icons e-alignright - + Angular Button align right @@ -160,7 +160,7 @@ List of icons e-alignjustify - + Angular Button align justify @@ -168,7 +168,7 @@ List of icons e-alignnone - + Angular Button alignnone @@ -176,7 +176,7 @@ List of icons e-filterset - + Angular Button filterset @@ -184,7 +184,7 @@ List of icons e-filternone - + Angular Button filter none @@ -192,7 +192,7 @@ List of icons e-arrowheadup-2x - + Angular Button arrow head up @@ -200,7 +200,7 @@ List of icons e-arrowheaddown-2x - + Angular Button arrow head down @@ -208,7 +208,7 @@ List of icons e-arrowheadleft-2x - + Angular Button arrow head left @@ -216,7 +216,7 @@ List of icons e-arrowheadright-2x - + Angular Button arrow head right @@ -224,7 +224,7 @@ List of icons e-numbering - + Angular Button numbering @@ -232,7 +232,7 @@ List of icons e-bullets - + Angular Button bullets @@ -240,7 +240,7 @@ List of icons e-maximize - + Angular Button maximize @@ -248,7 +248,7 @@ List of icons e-delete - + Angular Button delete @@ -256,7 +256,7 @@ List of icons e-scroll - + Angular Button scroll @@ -264,7 +264,7 @@ List of icons e-right-scroll - + Angular Button right scroll @@ -272,7 +272,7 @@ List of icons e-search - + Angular Button search @@ -280,7 +280,7 @@ List of icons e-mediaback - + Angular Button mediaback @@ -288,7 +288,7 @@ List of icons e-mediaforward - + Angular Button mediaforward @@ -296,7 +296,7 @@ List of icons e-medianext - + Angular Button medianext @@ -304,7 +304,7 @@ List of icons e-mediaprev - + Angular Button mediaprev @@ -312,7 +312,7 @@ List of icons e-mediaeject - + Angular Button mediaeject @@ -320,7 +320,7 @@ List of icons e-mediaclose - + Angular Button mediaclose @@ -328,7 +328,7 @@ List of icons e-mediapause - + Angular Button mediapause @@ -336,7 +336,7 @@ List of icons e-mediaplay - + Angular Button media play @@ -344,7 +344,7 @@ List of icons e-righttick - + Angular Button right tick @@ -352,7 +352,7 @@ List of icons e-smile - + Angular Button smile @@ -360,7 +360,7 @@ List of icons e-information - + Angular Button information @@ -368,7 +368,7 @@ List of icons e-left-arrow - + Angular Button left arrow @@ -376,7 +376,7 @@ List of icons e-right-arrow - + Angular Button right arrow @@ -384,7 +384,7 @@ List of icons e-file-delete - + Angular Button file delete @@ -392,7 +392,7 @@ List of icons e-file-percentage-success - + Angular Button file percentage success @@ -400,7 +400,7 @@ List of icons e-file-cancel - + Angular Button file cancel @@ -408,7 +408,7 @@ List of icons e-file-percentage-failed - + Angular Button file percentage failed @@ -416,7 +416,7 @@ List of icons e-file-retry - + Angular Button file retry @@ -424,7 +424,7 @@ List of icons e-resize-handle - + Angular Button resize handle @@ -432,7 +432,7 @@ List of icons e-down-arrow - + Angular Button down arrow @@ -440,7 +440,7 @@ List of icons e-time - + Angular Button time @@ -448,7 +448,7 @@ List of icons e-up-arrow - + Angular Button up arrow @@ -456,7 +456,7 @@ List of icons e-date - + Angular Button date @@ -464,7 +464,7 @@ List of icons e-datetime - + Angular Button datetime @@ -472,7 +472,7 @@ List of icons e-collapse-arrow - + Angular Button collapse arrow @@ -480,7 +480,7 @@ List of icons e-expand-arrow - + Angular Button expand arrow @@ -488,7 +488,7 @@ List of icons e-restore - + Angular Button restore @@ -496,7 +496,7 @@ List of icons e-plus - + Angular Button plus @@ -504,7 +504,7 @@ List of icons e-minus - + Angular Button minus @@ -512,7 +512,7 @@ List of icons e-handup - + Angular Button handup @@ -520,7 +520,7 @@ List of icons e-clock - + Angular Button clock @@ -528,7 +528,7 @@ List of icons e-cursor - + Angular Button cursor @@ -536,7 +536,7 @@ List of icons e-hyperlink - + Angular Button hyperlink @@ -544,7 +544,7 @@ List of icons e-hyperlinkbreak - + Angular Button hyperlink break @@ -552,7 +552,7 @@ List of icons e-settings - + Angular Button settings @@ -560,7 +560,7 @@ List of icons e-shoppingcart - + Angular Button shopping cart @@ -568,7 +568,7 @@ List of icons e-palette - + Angular Button palette @@ -576,7 +576,7 @@ List of icons e-warningmessage - + Angular Button warning message @@ -584,7 +584,7 @@ List of icons e-cut - + Angular Button cut @@ -592,7 +592,7 @@ List of icons e-copy - + Angular Button copy @@ -600,7 +600,7 @@ List of icons e-paste - + Angular Button paste @@ -608,7 +608,7 @@ List of icons e-edit - + Angular Button edit @@ -616,7 +616,7 @@ List of icons e-swapleft - + Angular Button swapleft @@ -624,7 +624,7 @@ List of icons e-swapright - + Angular Button swapright @@ -632,7 +632,7 @@ List of icons e-swapup - + Angular Button swapup @@ -640,7 +640,7 @@ List of icons e-swapdown - + Angular Button swapdown @@ -648,7 +648,7 @@ List of icons e-zoomin - + Angular Button zoomin @@ -656,7 +656,7 @@ List of icons e-zoomout - + Angular Button zoomout @@ -664,7 +664,7 @@ List of icons e-star - + Angular Button star @@ -672,7 +672,7 @@ List of icons e-home - + Angular Button home @@ -680,7 +680,7 @@ List of icons e-clipboard - + Angular Button clipboard @@ -688,7 +688,7 @@ List of icons e-userlogin - + Angular Button userlogin @@ -696,7 +696,7 @@ List of icons e-dataexport - + Angular Button dataexport @@ -704,7 +704,7 @@ List of icons e-arrowheadright - + Angular Button arrowheadright @@ -712,7 +712,7 @@ List of icons e-arrowheaddown - + Angular Button arrowheaddown @@ -720,7 +720,7 @@ List of icons e-undo - + Angular Button undo @@ -728,7 +728,7 @@ List of icons e-redo - + Angular Button e redo @@ -736,7 +736,7 @@ List of icons e-bold - + Angular Button e bold @@ -744,7 +744,7 @@ List of icons e-italic - + Angular Button e italic @@ -752,7 +752,7 @@ List of icons e-underline - + Angular Button e underline @@ -760,7 +760,7 @@ List of icons e-strikethrough - + Angular Button e strikethrough @@ -768,7 +768,7 @@ List of icons e-font - + Angular Button e font @@ -776,7 +776,7 @@ List of icons e-rarrowdown - + Angular Button e rarrowdown @@ -784,7 +784,7 @@ List of icons e-rarrowleft - + Angular Button e rarrowleft @@ -792,7 +792,7 @@ List of icons e-rarrowup - + Angular Button e rarrowup @@ -800,7 +800,7 @@ List of icons e-rarrowright - + Angular Button e rarrowdown @@ -808,7 +808,7 @@ List of icons e-calender - + Angular Button e calender @@ -816,7 +816,7 @@ List of icons e-save - + Angular Button e save \ No newline at end of file diff --git a/angular/Diagram/Swim-lane.md b/angular/Diagram/Swim-lane.md index 1bb974a3..c398fdc9 100644 --- a/angular/Diagram/Swim-lane.md +++ b/angular/Diagram/Swim-lane.md @@ -1,13 +1,13 @@ --- layout: post -title: Visually represent a business process with its functional blocks/departments -description: How to visually represent a business process and the relationships among its functional blocks? +title: Swim lane in Angular Diagram Control | Syncfusion +description: Learn here about swim lane support in Syncfusion Essential Angular Diagram Control, its elements, and more. platform: Angular -control: Control Name undefined +control: Diagram documentation: ug --- -# Swim lane +# Swim lane in Angular Diagram Swim-lane Diagrams are typically used to visualize the relationship between a business process and the department responsible for it by focusing on the logical relationships between activities. Swimlanes may be arranged either horizontally or vertically. @@ -81,7 +81,7 @@ The following code example illustrates how to add a swimlane to the Diagram thro {% endhighlight %} -![](/angular/Diagram/Swim-lane_images/Swim-lane_img2.png) +![Angular Diagram swim lane](Swim-lane_images/Swim-lane_img2.png) ## Headers @@ -116,7 +116,7 @@ export class SwimlaneComponent { {% endhighlight %} -![](/angular/Diagram/Swim-lane_images/Swim-lane_img3.png) +![Angular Diagram headers](Swim-lane_images/Swim-lane_img3.png) ### Disable headers @@ -283,7 +283,7 @@ export class SwimlaneComponent { {% endhighlight %} -![](/angular/Diagram/Swim-lane_images/Swim-lane_img4.png) +![Angular Diagram phase](Swim-lane_images/Swim-lane_img4.png) ## Phase @@ -331,7 +331,7 @@ export class SwimlaneComponent { {% endhighlight %} -![](/angular/Diagram/Swim-lane_images/Swim-lane_img5.png) +![Angular Diagram limitations](Swim-lane_images/Swim-lane_img5.png) ## Limitations diff --git a/angular/Spreadsheet/Editing.md b/angular/Spreadsheet/Editing.md index 4aa0f065..f9726205 100644 --- a/angular/Spreadsheet/Editing.md +++ b/angular/Spreadsheet/Editing.md @@ -1,13 +1,13 @@ --- layout: post title: Editing with Spreadsheet widget for Syncfusion Essential JS -description: How to Edit the Spreadsheet +description: Learn here about editing support in Syncfusion Essential Angular Spreadsheet Control, its elements, and more. platform: Angular control: Spreadsheet documentation: ug --- -# Editing +# Editing support in Angular Spreadsheet You can edit the contents of a cell directly in the cell. You can also do this by typing in the formula bar. When you edit the cell, Spreadsheet is operating in edit mode. In editing mode formatting options are not available. You can use `allowEditing` property to enable/disable editing feature. @@ -75,7 +75,7 @@ import { SpreadsheetService } from '../services/spreadsheet.service'; The following output is displayed as a result of the above code example. -![](Editing_images/Editing_img1.png) +![Angular Spreadsheet Read Only cells](Editing_images/Editing_img1.png) ## Read-Only cells @@ -127,7 +127,7 @@ import { SpreadsheetService } from '../services/spreadsheet.service'; The following output is displayed as a result of editing in Spreadsheet which is rendered with above code example. -![](Editing_images/Editing_img2.png) +![Angular Spreadsheet Events](Editing_images/Editing_img2.png) ## Events