Merge pull request #342 from Syncfusion-Content/hotfix/hotfix-v21.2.3

DOCINFRA-2341_merged_using_automation

Author: SyncfusionBuild

aspnetmvc/Accessibility.md

@@ -18,19 +18,19 @@ The WAI-ARIA specification suite defines a set of roles, states, and properties
 
 This section describes about the approaches followed to make the widgets accessible using the Roles, States, and Properties defined by WAI-ARIA specifications. The WAI-ARIA specifications recommends several attributes to be used along with the DOM element structure to make it accessible.
 
-The common widgets that can be made accessible by using the WAI-ARIA are listed [here](https://www.w3.org/TR/wai-aria-practices-1.1/). The various ARIA attributes that are used to make the widgets accessible are listed [here](https://msdn.microsoft.com/en-us/library/hh801958%28v=vs.85%29.aspx).
+The common widgets that can be made accessible by using the WAI-ARIA are listed [here](https://www.w3.org/WAI/ARIA/apg/). The various ARIA attributes that are used to make the widgets accessible are listed [here](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA).
 
 The basic steps for converting a common widget into accessible are as follows:
 
-1.	Choose the appropriate [role](https://www.w3.org/WAI/PF/aria/roles.html) for your widget that defines the general component type. For example, if you need to create a button, set the role to the button.
+1.	Choose the appropriate [role](https://www.w3.org/TR/wai-aria/) for your widget that defines the general component type. For example, if you need to create a button, set the role to the button.
 
 {% highlight html %}
 
     <button id="button1" role="button">Submit</button>
 
 {% endhighlight %}
 
-2.	Once the role is selected, now you can set its state/properties avails for it from the link given [here](https://www.w3.org/WAI/PF/aria/states_and_properties#aria-describedby).
+2.	Once the role is selected, now you can set its state/properties avails for it from the link given [here](https://www.w3.org/TR/wai-aria/#aria-describedby).
 
 {% highlight html %}
 
@@ -42,7 +42,7 @@ i.	The above code will make the button widget accessible, as it was defined with
 ii.	The property aria-describedby has been assigned with some related button text that denotes the button description to be notified to the user.
 
 N> Note: If your button is a togglebutton, it can be defined with an additional aria-pressed state, that returns the value true if the button undergoes toggling, else the state remains as false.<BR>
-An example with button control that has been made accessible can be referred from this [link](https://www.w3.org/TR/wai-aria-practices-1.1/examples/button/button.html).
+An example with button control that has been made accessible can be referred from this [link](https://www.w3.org/WAI/ARIA/apg/patterns/button/examples/button/).
 
 ## Usage of Accessibility in Syncfusion Widgets
 

aspnetmvc/Accordion/Keyboard-Navigation.md

@@ -18,7 +18,7 @@ Shortcut Key</th><th>
 Description</th></tr>
 <tr>
 <td>
-{{ '[Access key](http://en.wikipedia.org/wiki/Access_key)' | markdownify }} + j	</td><td>
+{{ '[Access key](https://en.wikipedia.org/wiki/Access_key)' | markdownify }} + j	</td><td>
 Focuses into the accordion control</td></tr>
 <tr>
 <td>

aspnetmvc/Autocomplete/Data-Binding.md

@@ -208,7 +208,7 @@ The below following types are used to bind remote datasource to an AutoComplete
 
 ###OData
 
-OData is a standardized protocol for creating and consuming data. You can provide the [OData service](http://www.odata.org/) URL directly to the Datasource URL property.
+OData is a standardized protocol for creating and consuming data. You can provide the [OData service](https://www.odata.org/) URL directly to the Datasource URL property.
 
 
 {% highlight html %}
@@ -225,7 +225,7 @@ Run the code to get the following output
 
 For OData Version 4 support ODataV4Adaptor should be used. By using URL property of Datasource, you can bind OData Version 4 Service link and specify Adaptor value as enum AdaptorType.ODataV4Adaptor.
 
-For further details about OData service please refer [the link](http://www.odata.org/).
+For further details about OData service please refer [the link](https://www.odata.org/).
 
 {% highlight html %}
 
@@ -291,7 +291,7 @@ Run the code to get the following output
 
 ### WebAPI
 
-**WebApi** Adaptor, extended from **ODataAdaptor**, of **DataManager** is used for retrieving data from WebApi service. [ASP.NET Web API](https://msdn.microsoft.com/en-us/library/hh833994%28v=vs.108%29.aspx) is a Framework for building HTTP services. You can retrieve data from ASP.NET Web API by using [DataManager](https://help.syncfusion.com/js/datamanager/getting-started). Using WebApiAdaptor, you can bind WebApi service’s data to Autocomplete. The data from WebApi service must be returned as an object that has its value as data source and field property customerID with its value as Datasource total records count.
+**WebApi** Adaptor, extended from **ODataAdaptor**, of **DataManager** is used for retrieving data from WebApi service. [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 [DataManager](https://help.syncfusion.com/js/datamanager/getting-started). Using WebApiAdaptor, you can bind WebApi service’s data to Autocomplete. The data from WebApi service must be returned as an object that has its value as data source and field property customerID with its value as Datasource total records count.
 
 {% highlight html %}
 

aspnetmvc/Autocomplete/Keyboard-Interaction.md

@@ -20,7 +20,7 @@ Shortcut Key</th><th>
 Description</th></tr>
 <tr>
 <td>
-{{ '[Access key](http://en.wikipedia.org/wiki/Access_key)' | markdownify }} + j	</td><td>
+{{ '[Access key](https://en.wikipedia.org/wiki/Access_key)' | markdownify }} + j	</td><td>
 Focuses into the AutoComplete text box</td></tr>
 <tr>
 <td>

aspnetmvc/Barcode/Getting-Started.md

@@ -36,7 +36,7 @@ By default, ASP.NET MVC Barcode renders gray scale colors with predefined Quiet
 
 ### Refer Assemblies
 
-You can create a MVC Project, add necessary assemblies and Scripts. Refer [MVC-Getting Started Documentation.](http://help.syncfusion.com/aspnetmvc/barcode/getting-started)
+You can create a MVC Project, add necessary assemblies and Scripts. Refer [MVC-Getting Started Documentation.](https://help.syncfusion.com/aspnetmvc/barcode/getting-started)
 
 Add the following assemblies in your MVC application for using Barcode control:
 

aspnetmvc/Button/Getting-Started.md

@@ -17,7 +17,7 @@ Essential ASP.NET MVC Button provides support to display a Button control within
 
 The following screenshot illustrates the functionality of Button in Multimedia player control.
 
-![](Getting-Started_images/Getting-Started_img1.png)
+![Getting started with ASP.NET MVC Button](getting-started_images/aspnetmvc-button-getting-started.png)
 Multimedia Player
 {:.caption}
 
@@ -319,13 +319,13 @@ In this section, you can learn how to create a Microsoft Office Ribbon used to c
 
 
 
-![](Getting-Started_images/Getting-Started_img2.png)
+![ASP.NET MVC Button office](getting-started_images/aspnetmvc-button-office.png)
 
 Office Ribbon before  applying the styles
 {:.caption}
 
 
-![](Getting-Started_images/Getting-Started_img3.png)
+![Create office in ASP.NET MVC Button](getting-started_images/aspnetmvc-button-create-ofice.png)
 
 Office Ribbon after applying the styles
 {:.caption}

aspnetmvc/Button/Getting-Started_images/Getting-Started_img3.png renamed to aspnetmvc/Button/getting-started_images/aspnetmvc-button-create-ofice.png

@@ -33,7 +33,7 @@ For rendering a 3D Column Chart, specify the series **Type** as **Column** in th
 ![](3D-Chart_images/3D-Chart_img1.png)
 
 
-[Click](http://mvc.syncfusion.com/demos/web/chart/column3d) here to view the Column 3DChart online demo sample.
+[Click](https://mvc.syncfusion.com/demos/web/chart/column3d) here to view the Column 3DChart online demo sample.
 
 
 ## 3D Bar Chart
@@ -57,7 +57,7 @@ You can create a 3D Bar Chart by setting the series **Type** as **Bar** in the c
 ![](3D-Chart_images/3D-Chart_img2.png)
 
 
-[Click](http://mvc.syncfusion.com/demos/web/chart/bar3d) here to view the Bar 3DChart online demo sample.
+[Click](https://mvc.syncfusion.com/demos/web/chart/bar3d) here to view the Bar 3DChart online demo sample.
 
 
 ## 3D Stacked Column Chart
@@ -84,7 +84,7 @@ You can create a 3D Stacked Column Chart by setting the series **Type** as **Sta
 ![](3D-Chart_images/3D-Chart_img3.png)
 
 
-[Click](http://mvc.syncfusion.com/demos/web/chart/stackingcolumn3d) here to view the Stacked Column 3DChart online demo sample.
+[Click](https://mvc.syncfusion.com/demos/web/chart/stackingcolumn3d) here to view the Stacked Column 3DChart online demo sample.
 
 ## 3D 100% Stacked Column Chart
 
@@ -111,7 +111,7 @@ You can create a 3D Stacked Column Chart by setting the series **Type** as **Sta
 ![](3D-Chart_images/3D-Chart_img4.png)
 
 
-[Click](http://mvc.syncfusion.com/demos/web/chart/stackingcolumn1003d) here to view the 100% Stacked Column 3DChart online demo sample.
+[Click](https://mvc.syncfusion.com/demos/web/chart/stackingcolumn1003d) here to view the 100% Stacked Column 3DChart online demo sample.
 
 
 ## 3D Stacked Bar Chart
@@ -138,7 +138,7 @@ To create Stacking Bar 3DChart, set the series **Type** as **StackingBar** in th
 ![](3D-Chart_images/3D-Chart_img5.png)
 
 
-[Click](http://mvc.syncfusion.com/demos/web/chart/stackingbar3d) here to view the Stacked Bar 3DChart online demo sample.
+[Click](https://mvc.syncfusion.com/demos/web/chart/stackingbar3d) here to view the Stacked Bar 3DChart online demo sample.
 
 
 ## 3D 100% Stacked Bar Chart
@@ -165,7 +165,7 @@ You can create 100% Stacking Bar 3DChart by setting the series **Type** as **Sta
 ![](3D-Chart_images/3D-Chart_img6.png)
 
 
-[Click](http://mvc.syncfusion.com/demos/web/chart/stackingbar1003d) here to view the 100% Stacked Bar 3DChart online demo sample.
+[Click](https://mvc.syncfusion.com/demos/web/chart/stackingbar1003d) here to view the 100% Stacked Bar 3DChart online demo sample.
 
 
 ## 3D Pie Chart
@@ -190,7 +190,7 @@ To render the Pie Chart in 3D view, enable the **Enbel3D** option in the chart a
 ![](3D-Chart_images/3D-Chart_img7.png)
 
 
-[Click](http://mvc.syncfusion.com/demos/web/chart/pie3d) here to view the Pie 3DChart online demo sample.
+[Click](https://mvc.syncfusion.com/demos/web/chart/pie3d) here to view the Pie 3DChart online demo sample.
 
 
 ## 3D Doughnut Chart
@@ -215,7 +215,7 @@ To render the Doughnut Chart in 3D view, enable the **Enbel3D** option in the ch
 ![](3D-Chart_images/3D-Chart_img8.png)
 
 
-[Click](http://mvc.syncfusion.com/demos/web/chart/doughnut3d) here to view the Doughnut 3DChart online demo sample.
+[Click](https://mvc.syncfusion.com/demos/web/chart/doughnut3d) here to view the Doughnut 3DChart online demo sample.
 
 
 ## Configure 3D Chart
@@ -240,7 +240,7 @@ To render the EjChart in 3D view, set the **Enable3D** option as **true** in the
 ![](3D-Chart_images/3D-Chart_img9.png)
 
 
-[Click](http://mvc.syncfusion.com/demos/web/chart/column3d) here to view the 3DChart online demo sample.
+[Click](https://mvc.syncfusion.com/demos/web/chart/column3d) here to view the 3DChart online demo sample.
 
 
 ### Placing Bar / Column kind of series side-by-side