Merge branch 'hotfix/hotfix-v21.2.3' into SEO-172101-Links-With-Redirects-JS-Overview

Author: berylouma

js/Accessibility.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Accessibility
 
-All the Essential JS UI widgets provide built-in compliance with the [WAI-ARIA](http://www.w3.org/WAI/PF/aria-practices/) specifications. This ensures that the widgets work properly with  assistive technologies. WAI-ARIA compliance for the widgets have been achieved by providing proper keyboard navigation support as well as by defining the required ARIA attributes to the DOM elements.
+All the Essential JS UI widgets provide built-in compliance with the [WAI-ARIA](https://www.w3.org/WAI/PF/aria-practices/) specifications. This ensures that the widgets work properly with  assistive technologies. WAI-ARIA compliance for the widgets have been achieved by providing proper keyboard navigation support as well as by defining the required ARIA attributes to the DOM elements.
 
 For example, the `ejButton` widget, when created through JavaScript code will render in the web browser with HTML DOM elements (along with the assigned built-in ARIA attributes) as shown below,
 

js/Autocomplete/Data-Binding.md

@@ -122,7 +122,7 @@ Here ContactName and SupplierID fields are mapped with text and key [fields](htt
 
 
 
-[ASP.NET Web API](https://msdn.microsoft.com/en-us/library/hh833994(v=vs.108).aspx) is a Framework for building HTTP services. You can retrieve data from ASP.NET Web API by using [ej.DataManager](https://help.syncfusion.com/js/datamanager/getting-started).
+[ASP.NET Web API](https://learn.microsoft.com/en-us/previous-versions/aspnet/hh833994(v=vs.108)?redirectedfrom=MSDN) is a Framework for building HTTP services. You can retrieve data from ASP.NET Web API by using [ej.DataManager](https://help.syncfusion.com/js/datamanager/getting-started).
 
 Here the ContactName field is mapped with text property of the field object. 
 

js/Autocomplete/Getting-Started.md

@@ -68,7 +68,7 @@ Add links to the [CDN](https://help.syncfusion.com/js/cdn) Script files with dep
 
 
 
-N> In production, we highly recommend you to use our [custom script generator](https://help.syncfusion.com/js/custom-script-generator) to create custom script file with required controls and its dependencies only. Also to reduce the file size further please use [GZip](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer?hl=en) compression in your server.
+N> In production, we highly recommend you to use our [custom script generator](https://help.syncfusion.com/js/custom-script-generator) to create custom script file with required controls and its dependencies only. Also to reduce the file size further please use [GZip](https://web.dev/optimizing-content-efficiency-optimize-encoding-and-transfer/?hl=en) compression in your server.
 
 
 

js/Autocomplete/Validation.md

@@ -13,7 +13,7 @@ api: /api/js/ejautocomplete
 
 You can validate the Autocomplete [value](https://help.syncfusion.com/api/js/ejautocomplete#members:value) on form submission by applying [validationRules](https://help.syncfusion.com/api/js/ejautocomplete#members:validationrules) and [validationMessage](https://help.syncfusion.com/api/js/ejautocomplete#members:validationmessage) to the Autocomplete. 
 
-N> [jquery.validate.min](http://cdn.syncfusion.com/js/assets/external/jquery.validate.min.js) script file should be referred for validation, for more details, refer [here](http://jqueryvalidation.org/documentation).
+N> [jquery.validate.min](https://cdn.syncfusion.com/js/assets/external/jquery.validate.min.js) script file should be referred for validation, for more details, refer [here](https://jqueryvalidation.org/documentation).
 
 ### Validation Rules
 

js/Autocomplete/multicolumn.md

@@ -81,4 +81,4 @@ N> Here [stringFormat](https://help.syncfusion.com/api/js/ejautocomplete#members
 
 ![AutoComplete-MultiColumn](multicolumn_images\multicolumn_img1.png)
 
-[Live demo](https://js.syncfusion.com/demos/web/#!/bootstrap/autocomplete/multicolumn)
+[Live demo](https://ej2.syncfusion.com/home/#!/bootstrap/autocomplete/multicolumn)

js/CDN.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # CDN
 
-The [CDN](http://en.wikipedia.org/wiki/Content_delivery_network) links are provided individually for all the scripts and style sheets of Syncfusion Essential JS components. 
+The [CDN](https://en.wikipedia.org/wiki/Content_delivery_network) links are provided individually for all the scripts and style sheets of Syncfusion Essential JS components. 
 
 
 ## CDN scripts links

js/Chart/3D-Chart.md

@@ -39,7 +39,7 @@ For rendering a 3D Column Chart, specify the series [`type`](../api/ejchart#memb
 ![](/js/Chart/3D-Chart_images/3D-Chart_img1.png)
 
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/3d/column) here to view the 3D Column Chart online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/3d/column) here to view the 3D Column Chart online demo sample.
 
 
 ## 3D Bar Chart
@@ -68,7 +68,7 @@ You can create a 3D Bar Chart by setting the series [`type`](../api/ejchart#memb
 ![](/js/Chart/3D-Chart_images/3D-Chart_img2.png)
 
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/3d/bar) here to view the 3D Bar Chart online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/3d/bar) here to view the 3D Bar Chart online demo sample.
 
 
 ## 3D Stacked Column Chart
@@ -100,7 +100,7 @@ Stacking Column 3DChart is rendered by specifying the series [`type`](../api/ejc
 
 ![](/js/Chart/3D-Chart_images/3D-Chart_img3.png)
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/3d/stackedcolumn) here to view the Stacked Column 3DChart online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/3d/stackedcolumn) here to view the Stacked Column 3DChart online demo sample.
 
 
 ## 3D 100% Stacked Column Chart
@@ -133,7 +133,7 @@ Stacking Column 3DChart is rendered by specifying the series [`type`](../api/ejc
 ![](/js/Chart/3D-Chart_images/3D-Chart_img4.png)
 
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/3d/100%stackedcolumn) here to view the 100% Stacked Column 3DChart online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/3d/100%stackedcolumn) here to view the 100% Stacked Column 3DChart online demo sample.
 
 
 ## 3D Stacked Bar Chart
@@ -165,7 +165,7 @@ To create Stacking Bar 3DChart, set the series [`type`](../api/ejchart#members:s
 
 ![](/js/Chart/3D-Chart_images/3D-Chart_img5.png)
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/3d/stackedbar) here to view the Stacked Bar 3DChart online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/3d/stackedbar) here to view the Stacked Bar 3DChart online demo sample.
 
 
 ## 3D 100% Stacked Bar Chart
@@ -197,7 +197,7 @@ You can create 100% Stacking Bar 3DChart by setting the series [`type`](../api/e
 
 ![](/js/Chart/3D-Chart_images/3D-Chart_img6.png)
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/3d/100%stackedbar) here to view the 100% Stacking Bar 3DChart online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/3d/100%stackedbar) here to view the 100% Stacking Bar 3DChart online demo sample.
 
 
 ## 3D Pie Chart
@@ -225,7 +225,7 @@ To render the Pie Chart in 3D view, enable the **enbel3D** option in the chart a
 
 ![](/js/Chart/3D-Chart_images/3D-Chart_img7.png)
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/3d/pie) here to view the Pie 3DChart online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/3d/pie) here to view the Pie 3DChart online demo sample.
 
 
 ## 3D Doughnut Chart
@@ -254,7 +254,7 @@ To render the Doughnut Chart in 3D view, enable the **enbel3D** option in the ch
 ![](/js/Chart/3D-Chart_images/3D-Chart_img8.png)
 
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/3d/doughnut) here to view the Doughnut 3DChart online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/3d/doughnut) here to view the Doughnut 3DChart online demo sample.
 
 
 ## Configure 3D Chart
@@ -278,7 +278,7 @@ To render the EjChart in 3D view, set the [`enable3D`](../api/ejchart#members:en
 
 ![](/js/Chart/3D-Chart_images/3D-Chart_img9.png)
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/3d/column) here to view the 3DChart online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/3d/column) here to view the 3DChart online demo sample.
 
 
 ### Placing Bar / Column kind of series side-by-side

js/Chart/Annotations.md

@@ -43,7 +43,7 @@ The visibility of the annotation is controlled by using the [`visible`](../api/e
 ![](/js/Chart/Annotations_images/Annotations_img1.png)
 
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/chartcustomization/annotations) here to view the Annotations online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/chartcustomization/annotations) here to view the Annotations online demo sample.
 
 N> Annotations are not supported in 3D chart types.
 

js/Chart/Appearance.md

@@ -302,7 +302,7 @@ Background image can be added to the chart by using the [`backGroundImageUrl`](.
 
 ![JavaScript Chart setting background](Appearance_images/Appearance_img7.png)
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/chartcustomization/tooltiptemplate) here to view our online demo sample for setting Chart background image.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/chartcustomization/tooltiptemplate) here to view our online demo sample for setting Chart background image.
 
 
 **Chart area background**
@@ -384,7 +384,7 @@ You can provide different color for alternate grid rows and columns formed by th
 
 ![JavaScript Chart customize area grid bands](Appearance_images/Appearance_img9.png)
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/chartaxes/alternategridband) here to view the alternate grid band online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/chartaxes/alternategridband) here to view the alternate grid band online demo sample.
 
 
 ### Animation

js/Chart/Axis.md

@@ -45,7 +45,7 @@ $("#container").ejChart({
 ![Category](Axis_images/Axis_img1.png)
 
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/column) here to view our online demo sample that uses Category axis.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/column) here to view our online demo sample that uses Category axis.
 
 
 ### Place labels on ticks
@@ -357,7 +357,7 @@ Date time axis uses date time scale and displays the date time values as axis la
 ![Datetime](Axis_images/Axis_img12.png)
 
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/chartaxes/datetimeaxis) here to view our online demo sample for date time axis.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/chartaxes/datetimeaxis) here to view our online demo sample for date time axis.
 
 
 ### Customizing date time range
@@ -518,7 +518,7 @@ $("#container").ejChart({
 
 ![Datetimecategory](Axis_images/Axis_img63.png)
 
- [Click](http://js.syncfusion.com/demos/web/#!/bootstrap/chart/ChartAxes/DateTimeCategoryAxis) here to view our online demo sample for date time axis.
+ [Click](https://ej2.syncfusion.com/home/#!/bootstrap/chart/ChartAxes/DateTimeCategoryAxis) here to view our online demo sample for date time axis.
 
 ### Customizing DateTime Category range
 
@@ -597,7 +597,7 @@ Logarithmic axis uses logarithmic scale and it is very useful in visualizing whe
 ![Log](Axis_images/Axis_img19.png)
 
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/chartaxes/logaxis) here to view our online demo sample link for logarithmic axis.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/chartaxes/logaxis) here to view our online demo sample link for logarithmic axis.
 
 ### Customize Logarithmic range
 
@@ -1122,7 +1122,7 @@ For category value type, **<br>** can be specified in x value of data points.
 
 ![Linebreak](Axis_images/Axis_img68.png)
 
-[JS Playground Sample](http://jsplayground.syncfusion.com/zsaomrq5)
+[JS Playground Sample](https://jsplayground.syncfusion.com/zsaomrq5)
 
 For numeric, datetime and datetimeCategory value type, **<br>** can be specified in labelFormat.
 
@@ -1140,7 +1140,7 @@ For numeric, datetime and datetimeCategory value type, **<br>** can be specified
 
 ![Format](Axis_images/Axis_img69.png)
 
-[JS Playground Sample](http://jsplayground.syncfusion.com/fllsqowe)
+[JS Playground Sample](https://jsplayground.syncfusion.com/fllsqowe)
 
 ### Label and tick positioning
 
@@ -1617,7 +1617,7 @@ An additional horizontal or vertical axis can be added to the chart by adding an
 
 ![Multipleimage2](Axis_images/Axis_img41.png)
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/chartaxes/multipleaxes) here to view the multiple axis online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/chartaxes/multipleaxes) here to view the multiple axis online demo sample.
 
 
 ## Smart Axis Labels
@@ -1645,7 +1645,7 @@ When the Axis labels overlap with each other based on the chart dimensions and l
 ![Smartaxis](Axis_images/Axis_img42.png)
 
 
-[Click](http://js.syncfusion.com/demos/web/#!/azure/chart/chartaxes/smartaxislabels) here to view our online demo sample for smart axis labels.
+[Click](https://ej2.syncfusion.com/home/#!/azure/chart/chartaxes/smartaxislabels) here to view our online demo sample for smart axis labels.
 
 
 
@@ -1799,4 +1799,4 @@ The below screenshot shows the trimmed multi-level labels
 ![Multi-leveltrim](Axis_images/Axis_img61.png)
 
 And these labels can be placed in various rows using the [`level`] property.
-[Click](http://js.syncfusion.com/demos/web/#!/bootstrap/chart/chartaxes/multi-levellabels) here to view the multi-level labels online demo sample.
+[Click](https://ej2.syncfusion.com/home/#!/bootstrap/chart/chartaxes/multi-levellabels) here to view the multi-level labels online demo sample.