Thanks to visit codestin.com
Credit goes to github.com

Skip to content

DOCINFRA-2341_merged_using_automation #373

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jul 20, 2023
Merged

DOCINFRA-2341_merged_using_automation #373

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0b71aa6
SEO-173271-Description-Too-Short-Java
berylouma Jun 26, 2023
e5319d9
Updated
berylouma Jul 5, 2023
6dfa9ac
Merge pull request #368 from syncfusion-content/SEO-173271-Descriptio…
Aishwarya-Ganesan Jul 19, 2023
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
10 changes: 5 additions & 5 deletions js/DataManager/Antiforgery.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
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
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.

Expand Down Expand Up @@ -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)
0 ...Antiforgery_images/Antiforgery_header.PNG → ...es/js-data-manager-antiforgery-header.PNG
View file
Open in desktop
File renamed without changes
0 ...anager/Antiforgery_images/Antiforgery.PNG → ...es/js-data-manager-antiforgery-tocken.PNG
View file
Open in desktop
File renamed without changes
30 changes: 15 additions & 15 deletions js/Gantt/Appearance-and-Styling.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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.

Expand Down Expand Up @@ -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

Expand All @@ -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}
Expand All @@ -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").

Expand All @@ -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").

Expand All @@ -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").

Expand Down Expand Up @@ -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

Expand All @@ -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").

Expand All @@ -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").

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand All @@ -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)
0 ...ng_images/Appearance-and-Styling_img2.png → ...mages/js-gantt-conditional-formatting.png
View file
Open in desktop
File renamed without changes
0 ...g_images/Appearance-and-Styling_img11.png → ...yling_images/js-gantt-configuring-css.png
View file
Open in desktop
File renamed without changes
0 ...g_images/Appearance-and-Styling_img12.png → ...ges/js-gantt-customize-rows-and-cells.png
View file
Open in desktop
File renamed without changes
0 ...ng_images/Appearance-and-Styling_img4.png → ...nd-styling_images/js-gantt-dependency.png
View file
Open in desktop
File renamed without changes
0 ...ng_images/Appearance-and-Styling_img1.png → ...ng_images/js-gantt-header-unit-format.png
View file
Open in desktop
File renamed without changes
0 ...ng_images/Appearance-and-Styling_img9.png → ...ing_images/js-gantt-header-unit-value.png
View file
Open in desktop
File renamed without changes
0 ...ng_images/Appearance-and-Styling_img8.png → ...ing_images/js-gantt-header-unit-width.png
View file
Open in desktop
File renamed without changes
0 ...ng_images/Appearance-and-Styling_img7.png → ...es/js-gantt-progressbar-customozation.png
View file
Open in desktop
File renamed without changes
0 ...ng_images/Appearance-and-Styling_img5.png → ...ng_images/js-gantt-taskbar-background.png
View file
Open in desktop
File renamed without changes
0 ...ng_images/Appearance-and-Styling_img6.png → ...tyling_images/js-gantt-taskbar-height.png
View file
Open in desktop
File renamed without changes
0 ...ng_images/Appearance-and-Styling_img3.png → ...ce-and-styling_images/js-gantt-themes.png
View file
Open in desktop
File renamed without changes
0 ...g_images/Appearance-and-Styling_img10.png → ...ng_images/js-gantt-weekend-background.png
View file
Open in desktop
File renamed without changes
14 changes: 7 additions & 7 deletions js/LinearGauge/Custom-labels.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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.

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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
Expand Down
0 ...stom-labels_images/Custom-labels_img1.png → ...s/js-linear-gauge-adding-custom-label.png
View file
Open in desktop
File renamed without changes
0 ...stom-labels_images/Custom-labels_img2.png → ...s/js-linear-gauge-basic-customization.png
View file
Open in desktop
File renamed without changes
0 ...stom-labels_images/Custom-labels_img3.png → ...s-linear-gauge-locating-custom-labels.png
View file
Open in desktop
File renamed without changes
0 ...stom-labels_images/Custom-labels_img4.png → ...s-linear-gauge-multiple-custom-labels.png
View file
Open in desktop
File renamed without changes