Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
8 changes: 4 additions & 4 deletions aspnetmvc/Accessibility.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}

Expand All @@ -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

Expand Down
2 changes: 1 addition & 1 deletion aspnetmvc/Accordion/Keyboard-Navigation.md
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 3 additions & 3 deletions aspnetmvc/Autocomplete/Data-Binding.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}
Expand All @@ -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 %}

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

Expand Down
2 changes: 1 addition & 1 deletion aspnetmvc/Autocomplete/Keyboard-Interaction.md
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion aspnetmvc/Barcode/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -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:

Expand Down
6 changes: 3 additions & 3 deletions aspnetmvc/Button/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -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}

Expand Down Expand Up @@ -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}
18 changes: 9 additions & 9 deletions aspnetmvc/Chart/3D-Chart.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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
Expand All @@ -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

Expand All @@ -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
Expand All @@ -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
Expand All @@ -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
Expand All @@ -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
Expand All @@ -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
Expand All @@ -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
Expand Down
2 changes: 1 addition & 1 deletion aspnetmvc/Chart/Annotations.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ You can add annotations to the chart by using the **Annotations** option. By usi
![](Annotations_images/Annotations_img1.png)


[Click](http://mvc.syncfusion.com/demos/web/chart/annotations) here to view the Annotations online demo sample.
[Click](https://mvc.syncfusion.com/demos/web/chart/annotations) here to view the Annotations online demo sample.


N> Annotations are not supported in 3D chart types.
Expand Down
4 changes: 2 additions & 2 deletions aspnetmvc/Chart/Appearance.md
Original file line number Diff line number Diff line change
Expand Up @@ -176,7 +176,7 @@ Background image can be added to the chart by using the **BackGroundImageUrl** p
![ASP.NET MVC Chart Setting background image](Appearance_images/Appearance_img7.png)


[Click](http://mvc.syncfusion.com/demos/web/chart/tooltiptemplate) here to view our online demo sample for setting Chart background image.
[Click](https://mvc.syncfusion.com/demos/web/chart/tooltiptemplate) here to view our online demo sample for setting Chart background image.


**Chart area background**
Expand Down Expand Up @@ -226,7 +226,7 @@ You can provide different color for alternate grid rows and columns formed by th

![ASP.NET MVC Chart Customize chart area grid bands](Appearance_images/Appearance_img9.png)

[Click](http://mvc.syncfusion.com/demos/web/chart/alternategridband) here to view the AlternateGridBand online demo sample.
[Click](https://mvc.syncfusion.com/demos/web/chart/alternategridband) here to view the AlternateGridBand online demo sample.


### Animation
Expand Down
10 changes: 5 additions & 5 deletions aspnetmvc/Chart/Axis.md
Original file line number Diff line number Diff line change
Expand Up @@ -342,7 +342,7 @@ Date time axis uses date time scale and displays the date time values as axis la
![DateTime axis in ASP.NET MVC Chart](Axis_images/axis_img12.png)


[Click](http://mvc.syncfusion.com/demos/web/chart/datetimeaxis) here to view our online demo sample for date time axis.
[Click](https://mvc.syncfusion.com/demos/web/chart/datetimeaxis) here to view our online demo sample for date time axis.


### Customizing date time range
Expand Down Expand Up @@ -497,7 +497,7 @@ DateTime category axis takes date time value as input but behaves like category

![DateTime Category Axis in ASP.NET MVC Chart](Axis_images/axis_img63.png)

[Click](http://mvc.syncfusion.com/demos/web/chart/datetimecategoryaxis) here to view our online demo sample for date time axis.
[Click](https://mvc.syncfusion.com/demos/web/chart/datetimecategoryaxis) here to view our online demo sample for date time axis.

### Customizing DateTime Category range

Expand Down Expand Up @@ -564,7 +564,7 @@ Logarithmic axis uses logarithmic scale and it is very useful in visualizing whe
![Logarithmic Axis in ASP.NET MVC Chart](Axis_images/axis_img19.png)


[Click](http://mvc.syncfusion.com/demos/web/chart/logaxis) here to view our online demo sample link for logarithmic axis.
[Click](https://mvc.syncfusion.com/demos/web/chart/logaxis) here to view our online demo sample link for logarithmic axis.

### Customize Logarithmic range

Expand Down Expand Up @@ -1273,7 +1273,7 @@ An additional horizontal or vertical axis can be added to the chart by adding an

![Adding axis in ASP.NET MVC Chart](Axis_images/axis_img41.png)

[Click](http://mvc.syncfusion.com/demos/web/chart/multipleaxes) here to view the multiple axis online demo sample.
[Click](https://mvc.syncfusion.com/demos/web/chart/multipleaxes) here to view the multiple axis online demo sample.


## Smart Axis Labels
Expand All @@ -1300,7 +1300,7 @@ When the Axis labels overlap with each other based on the chart dimensions and l
![Smart Axis Labels in ASP.NET MVC Chart](Axis_images/axis_img42.png)


[Click](http://mvc.syncfusion.com/demos/web/chart/smartaxislabels) here to view our online demo sample for smart axis labels.
[Click](https://mvc.syncfusion.com/demos/web/chart/smartaxislabels) here to view our online demo sample for smart axis labels.



Expand Down
4 changes: 2 additions & 2 deletions aspnetmvc/Chart/Chart-Series.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ In EjChart, you can add multiple series object in the **Series** options. The se
![](Chart-Series_images/Chart-Series_img1.png)


[Click](http://mvc.syncfusion.com/demos/web/chart/column) here to view the multiple series online demo sample.
[Click](https://mvc.syncfusion.com/demos/web/chart/column) here to view the multiple series online demo sample.


### Customizing all series together
Expand Down Expand Up @@ -129,7 +129,7 @@ EjChart allows you to render the combination of different series in the chart.
![](Chart-Series_images/Chart-Series_img3.png)


[Click](http://mvc.syncfusion.com/demos/web/chart/combination) here to view the combination series online demo sample.
[Click](https://mvc.syncfusion.com/demos/web/chart/combination) here to view the combination series online demo sample.

### Limitation of combination chart

Expand Down
2 changes: 1 addition & 1 deletion aspnetmvc/Chart/Chart-Title.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ By using the **Title** option, you can add the *Text* as well as customize its *
![](Chart-Title_images/Chart-Title_img1.png)


[Click](http://mvc.syncfusion.com/demos/web/chart/subtitle) here to view the Chart Title online demo sample.
[Click](https://mvc.syncfusion.com/demos/web/chart/subtitle) here to view the Chart Title online demo sample.


We can trim, wrap and wrapAndTrim to the chart title using textOverflow property. The original text will be displayed as tooltip on mouse hover.
Expand Down
Loading