diff --git a/js/DataManager/Antiforgery.md b/js/DataManager/Antiforgery.md index 66fa43820..566c07a3c 100644 --- a/js/DataManager/Antiforgery.md +++ b/js/DataManager/Antiforgery.md @@ -1,7 +1,7 @@ --- layout: post -title: Antiforgery -description: Antiforgery +title: Antiforgery | DataManager | JavaScript | Syncfusion +description: Learn here about Antiforgery in Syncfusion Essential JavaScript DataManager Control, its elements, and more. platform: js control: DataManager documentation: ug @@ -9,7 +9,7 @@ keywords: antiforgery, enableAntiForgery api: /api/js/ejdatamanager --- -## Antiforgery Token +## Antiforgery Token in JavaScript DataManager Antiforgery tokens prevents anyone from submitting requests to your site while postback the data that are generated by a malicious script not generated by the actual user. @@ -61,8 +61,8 @@ For this purpose, the input element with hidden value field and name attribute i -![](Antiforgery_images/Antiforgery.png) +![Antiforgery Tocken in JavaScript DataManager](antiforgery_images/js-data-manager-antiforgery-tocken.png) In the header, You can find the anti-forgery token value -![](Antiforgery_images/Antiforgery_header.png) +![Antiforgery Header in JavaScript DataManager](antiforgery_images/js-data-manager-antiforgery-header.png) diff --git a/js/DataManager/Antiforgery_images/Antiforgery_header.PNG b/js/DataManager/antiforgery_images/js-data-manager-antiforgery-header.PNG similarity index 100% rename from js/DataManager/Antiforgery_images/Antiforgery_header.PNG rename to js/DataManager/antiforgery_images/js-data-manager-antiforgery-header.PNG diff --git a/js/DataManager/Antiforgery_images/Antiforgery.PNG b/js/DataManager/antiforgery_images/js-data-manager-antiforgery-tocken.PNG similarity index 100% rename from js/DataManager/Antiforgery_images/Antiforgery.PNG rename to js/DataManager/antiforgery_images/js-data-manager-antiforgery-tocken.PNG diff --git a/js/Gantt/Appearance-and-Styling.md b/js/Gantt/Appearance-and-Styling.md index c6f6749da..02746b860 100644 --- a/js/Gantt/Appearance-and-Styling.md +++ b/js/Gantt/Appearance-and-Styling.md @@ -1,14 +1,14 @@ --- layout: post -title: Appearance-and-Styling -description: appearance and styling +title: Appearance-and-Styling | Gantt | JavaScript | Syncfusion +description: Learn here about appearance and styling in Syncfusion Essential JavaScript Gantt Control, its elements, and more. platform: js control: Gantt documentation: ug api: /api/js/ejgantt --- -# Appearance and Styling +# Appearance and Styling in JavaScript Gantt The look and feel of the Gantt control can be customized by applying themes and formatting the schedule header. @@ -36,7 +36,7 @@ And you can change the background of weekends available in timescale by using [` The following screenshot shows the customized format schedule header in Gantt control. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img1.png) +![Schedule Header Unit Format in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-header-unit-format.png) ### Schedule Header Unit Width @@ -55,12 +55,12 @@ The following code example shows how to use this properties. {% endhighlight %} The following screenshot shows the output of above code example. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img8.png) +![Schedule Header Unit Width in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-header-unit-width.png) Schedule header units with `300%` width value {:.caption} -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img9.png) +![Schedule Header Unit Width Value in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-header-unit-value.png) Schedule header units with `70%` width value {:.caption} @@ -84,7 +84,7 @@ Background color of child taskbars and parent taskbars can be customized by usin {% endhighlight %} The following screenshot shows the customized parent and child taskbars in Gantt. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img5.png) +![Taskbar Background in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-taskbar-background.png) You can find the JS playground sample for this properties [here](http://jsplayground.syncfusion.com/Sync_wd4b4xrw "Demo Link"). @@ -103,7 +103,7 @@ Height of child taskbars and parent taskbars can be customized by using [`taskba {% endhighlight %} The following screenshot shows the output of above code example. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img6.png) +![Taskbar Height in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-taskbar-height.png) You can find the JS playground sample for this properties [here](http://jsplayground.syncfusion.com/Sync_skkep23a "Demo Link"). @@ -127,7 +127,7 @@ Background color of child task's progress bar and parent task's progress bar can {% endhighlight %} The following screenshot shows the customized progress bar of parent and child tasks in Gantt. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img7.png) +![Progressbar Customization in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-progressbar-customozation.png) You can find the JS playground sample for this properties [here](http://jsplayground.syncfusion.com/Sync_ca3bj03o "Demo Link"). @@ -164,7 +164,7 @@ The Taskbar can be customized based on the task information in Gantt control by The following screenshot shows the customized taskbar in Gantt control. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img2.png) +![Conditional Formatting in in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-conditional-formatting.png) ## Dependency line customization @@ -181,7 +181,7 @@ Width and background color of dependency line in Gantt can be customized by usin {% endhighlight %} The following screenshot shows the customized dependency lines in Gantt. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img4.png) +![Dependency Line Customization in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-dependency.png) You can find the JS playground sample for this properties [here](http://jsplayground.syncfusion.com/Sync_ecvgphrl "Demo Link"). @@ -199,7 +199,7 @@ Background color of weekends in Gantt can be changed by using [`weekendBackgroun {% endhighlight %} The following screenshot shows the customized dependency lines in Gantt. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img10.png) +![Weekend Background in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-weekend-background.png) You can find the JS playground sample for this properties [here](http://jsplayground.syncfusion.com/Sync_rkk1fzd5 "Demo Link"). @@ -243,7 +243,7 @@ The theme (Gradient lime) can be applied to the Gantt control by using the style The following screenshot shows the Gantt control with `Gradient-lime` theme. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img3.png) +![Themes in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-themes.png) ## Configuring CSS Class @@ -281,7 +281,7 @@ In Gantt [`cssClass`](/api/js/ejgantt#members:cssclass) property was used to app The below screenshot shows the output of above code example. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img11.png) +![Configuring CSS Class in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-configuring-css.png) ## Customize rows and cells @@ -308,4 +308,4 @@ $("#GanttContainer").ejGantt({ {% endhighlight %} The below screenshot shows the output of above code example. -![](/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img12.png) +![Customize rows and cells in JavaScript Gantt](/js/gantt/appearance-and-styling_images/js-gantt-customize-rows-and-cells.png) diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img2.png b/js/Gantt/appearance-and-styling_images/js-gantt-conditional-formatting.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img2.png rename to js/Gantt/appearance-and-styling_images/js-gantt-conditional-formatting.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img11.png b/js/Gantt/appearance-and-styling_images/js-gantt-configuring-css.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img11.png rename to js/Gantt/appearance-and-styling_images/js-gantt-configuring-css.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img12.png b/js/Gantt/appearance-and-styling_images/js-gantt-customize-rows-and-cells.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img12.png rename to js/Gantt/appearance-and-styling_images/js-gantt-customize-rows-and-cells.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img4.png b/js/Gantt/appearance-and-styling_images/js-gantt-dependency.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img4.png rename to js/Gantt/appearance-and-styling_images/js-gantt-dependency.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img1.png b/js/Gantt/appearance-and-styling_images/js-gantt-header-unit-format.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img1.png rename to js/Gantt/appearance-and-styling_images/js-gantt-header-unit-format.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img9.png b/js/Gantt/appearance-and-styling_images/js-gantt-header-unit-value.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img9.png rename to js/Gantt/appearance-and-styling_images/js-gantt-header-unit-value.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img8.png b/js/Gantt/appearance-and-styling_images/js-gantt-header-unit-width.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img8.png rename to js/Gantt/appearance-and-styling_images/js-gantt-header-unit-width.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img7.png b/js/Gantt/appearance-and-styling_images/js-gantt-progressbar-customozation.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img7.png rename to js/Gantt/appearance-and-styling_images/js-gantt-progressbar-customozation.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img5.png b/js/Gantt/appearance-and-styling_images/js-gantt-taskbar-background.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img5.png rename to js/Gantt/appearance-and-styling_images/js-gantt-taskbar-background.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img6.png b/js/Gantt/appearance-and-styling_images/js-gantt-taskbar-height.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img6.png rename to js/Gantt/appearance-and-styling_images/js-gantt-taskbar-height.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img3.png b/js/Gantt/appearance-and-styling_images/js-gantt-themes.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img3.png rename to js/Gantt/appearance-and-styling_images/js-gantt-themes.png diff --git a/js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img10.png b/js/Gantt/appearance-and-styling_images/js-gantt-weekend-background.png similarity index 100% rename from js/Gantt/Appearance-and-Styling_images/Appearance-and-Styling_img10.png rename to js/Gantt/appearance-and-styling_images/js-gantt-weekend-background.png diff --git a/js/LinearGauge/Custom-labels.md b/js/LinearGauge/Custom-labels.md index 468d1afde..cf4d64531 100644 --- a/js/LinearGauge/Custom-labels.md +++ b/js/LinearGauge/Custom-labels.md @@ -1,14 +1,14 @@ --- layout: post -title: Custom-labels -description: custom labels +title: Custom-labels | Linear Gauge | JavaScript | Syncfusion +description: Learn here about Custom labels in Syncfusion Essential JavaScript Linear Gauge Control, its elements, and more. platform: js control: Linear Gauge documentation: ug api: /api/js/ejlineargauge --- -# Custom labels +# Custom labels in JavaScript Linear Gauge Custom labels are the text that can paste in any location of the **Linear Gauge**. It is used to define the purpose of the gauge. @@ -70,7 +70,7 @@ Custom labels are the text that can paste in any location of the **Linear Gauge* Execute the above code to render the following output. -![](/js/LinearGauge/Custom-labels_images/Custom-labels_img1.png) +![Adding Custom Label Collection in JavaScript Linear Gauge ](/js/lineargauge/custom-labels_images/js-linear-gauge-adding-custom-label.png) ## Basic Customization @@ -140,7 +140,7 @@ Execute the above code to render the following output. Execute the above code to render the following output. -![](/js/LinearGauge/Custom-labels_images/Custom-labels_img2.png) +![Basic Customization in JavaScript Linear Gauge](/js/lineargauge/custom-labels_images/js-linear-gauge-basic-customization.png) ## Locating the CustomLabels @@ -201,7 +201,7 @@ To specify the label [`position type`](../api/ejlineargauge#members:scales-custo Execute the above code to render the following output. -![](/js/LinearGauge/Custom-labels_images/Custom-labels_img3.png) +![Locating the Custom Labels in JavaScript Linear Gauge](/js/lineargauge/custom-labels_images/js-linear-gauge-locating-custom-labels.png) ## Multiple Custom Labels @@ -268,7 +268,7 @@ $(function () { Execute the above code to render the following output. -![](/js/LinearGauge/Custom-labels_images/Custom-labels_img4.png) +![Multiple Custom Labels in JavaScript Linear Gauge](/js/lineargauge/custom-labels_images/js-linear-gauge-multiple-custom-labels.png) ## Outer Custom Label diff --git a/js/LinearGauge/Custom-labels_images/Custom-labels_img1.png b/js/LinearGauge/custom-labels_images/js-linear-gauge-adding-custom-label.png similarity index 100% rename from js/LinearGauge/Custom-labels_images/Custom-labels_img1.png rename to js/LinearGauge/custom-labels_images/js-linear-gauge-adding-custom-label.png diff --git a/js/LinearGauge/Custom-labels_images/Custom-labels_img2.png b/js/LinearGauge/custom-labels_images/js-linear-gauge-basic-customization.png similarity index 100% rename from js/LinearGauge/Custom-labels_images/Custom-labels_img2.png rename to js/LinearGauge/custom-labels_images/js-linear-gauge-basic-customization.png diff --git a/js/LinearGauge/Custom-labels_images/Custom-labels_img3.png b/js/LinearGauge/custom-labels_images/js-linear-gauge-locating-custom-labels.png similarity index 100% rename from js/LinearGauge/Custom-labels_images/Custom-labels_img3.png rename to js/LinearGauge/custom-labels_images/js-linear-gauge-locating-custom-labels.png diff --git a/js/LinearGauge/Custom-labels_images/Custom-labels_img4.png b/js/LinearGauge/custom-labels_images/js-linear-gauge-multiple-custom-labels.png similarity index 100% rename from js/LinearGauge/Custom-labels_images/Custom-labels_img4.png rename to js/LinearGauge/custom-labels_images/js-linear-gauge-multiple-custom-labels.png