Skip to content

SEO-174654-ASP.NET-10-Controls-UG #393

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.

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

Open
wants to merge 1 commit into
base: hotfix/hotfix-v23.1.36
Choose a base branch
from
Open
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
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](https://mvc.syncfusion.com/demos/web/chart/column) here to view the multiple series online demo sample.
[Click](https://ej2.syncfusion.com/home/aspnetmvc.html#platform) 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](https://mvc.syncfusion.com/demos/web/chart/combination) here to view the combination series online demo sample.
[Click](https://ej2.syncfusion.com/home/aspnetmvc.html#platform) here to view the combination series online demo sample.

### Limitation of combination chart

Expand Down
8 changes: 4 additions & 4 deletions aspnetmvc/Chart/Working-with-Data.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ var chartData = [

![](Working-with-Data_images/Working-with-Data_img1.png)

[Click](https://mvc.syncfusion.com/demos/web/chart/localdata) here to view the local data binding online demo sample.
[Click](https://ej2.syncfusion.com/home/aspnetmvc.html#platform) here to view the local data binding online demo sample.


2.You can also plot data to chart using **Points** option in the series. Using this property you can customize each and every point in the data.
Expand Down Expand Up @@ -111,7 +111,7 @@ You can bind the remote data to the chart by using the **DataSource** and you ca

![](Working-with-Data_images/Working-with-Data_img3.png)

[Click](https://mvc.syncfusion.com/demos/web/chart/remotedata) here to view the remote data binding online demo sample.
[Click](https://ej2.syncfusion.com/home/aspnetmvc.html#platform) here to view the remote data binding online demo sample.


## AngularJS Data Binding
Expand All @@ -121,7 +121,7 @@ Typically, you will assign data directly to chart using **dataSource** property

I> Essential JS includes AngularJS directives for all controls in the **ej.widget.angular.min.js** script file.

N> All the properties in EjChart supports one way AngularJS binding except inner array properties like **series.points[]**, **series.trendlines[]**. [Click](http://help.syncfusion.com/js/angularjs) here to know more about Essential AngularJS and the properties which support two way AngularJS binding in chart.
N> All the properties in EjChart supports one way AngularJS binding except inner array properties like **series.points[]**, **series.trendlines[]**. [Click](https://help.syncfusion.com/js/angularjs) here to know more about Essential AngularJS and the properties which support two way AngularJS binding in chart.

{% highlight html %}

Expand Down Expand Up @@ -177,4 +177,4 @@ N> All the properties in EjChart supports one way AngularJS binding except inner

![](/js/Chart/Working-with-Data_images/Working-with-Data_img4.png)

[Click](http://ngjq.syncfusion.com/#/chart/line) here to view the AngularJS data binding online demo sample.
[Click](http://ngjq.syncfusion.com/#/chart/line) here to view the AngularJS data binding online demo sample.
2 changes: 1 addition & 1 deletion aspnetmvc/Diagram/Gridlines.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ To show only horizontal/vertical gridlines or to hide gridlines, refer to [Const

## Appearance

You can customize the appearance of the gridlines by using a set of predefined properties. To explore those properties, refer to [Gridlines](http://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.DataVisualization.Models.Diagram.GridLines.html "Gridlines")
You can customize the appearance of the gridlines by using a set of predefined properties. To explore those properties, refer to [Gridlines](https://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.DataVisualization.Models.Diagram.GridLines.html "Gridlines")
The `HorizontalGridLines` and `VerticalGridLines` properties allow to customize the appearance of the gridlines. The following code example illustrates how to customize the appearance of gridlines.

{% highlight c# %}
Expand Down
2 changes: 1 addition & 1 deletion aspnetmvc/Grid/Columns.md
Original file line number Diff line number Diff line change
Expand Up @@ -351,7 +351,7 @@ The following output is displayed as a result of the above code example.

`Format` is the process of customizing the particular column data with specified jQuery recognized globalize formats, such as currency, numeric, decimal, percentage or dates. To specify the globalize format, by using Format property of `Columns`.

The `Format` value should be wrapped within "{0:" and "}". (For ex: "{0:C3}"). The [data format](https://github.com/globalizejs/globalize/tree/v0.1.1#format "data format") strings available for the `Date` and `Number` types.
The `Format` value should be wrapped within "{0:" and "}". (For ex: "{0:C3}"). The [data format](https://github.com/globalizejs/globalize/tree/v0.1.1#format"data format") strings available for the `Date` and `Number` types.

The following code example describes the above behavior.

Expand Down
2 changes: 1 addition & 1 deletion aspnetmvc/Grid/Style-and-Appearance.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ documentation: ug

## List of classes and its purposes

To modify the Grid appearance, you need to override default CSS of the grid. Please find the list of CSS classes and its corresponding section in the grid. Also you have an option to create your own custom theme for all the ASP.NET MVC controls using our [Theme Studio](https://js.syncfusion.com/themestudio/ "Theme Studio").
To modify the Grid appearance, you need to override default CSS of the grid. Please find the list of CSS classes and its corresponding section in the grid. Also you have an option to create your own custom theme for all the ASP.NET MVC controls using our [Theme Studio](https://js.syncfusion.com/themestudio/#flat-azure "Theme Studio").

<table>
<tr>
Expand Down
4 changes: 2 additions & 2 deletions aspnetmvc/Introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ control: Common
documentation: ug
---

> The Syncfusion ASP.NET MVC controls in the Essential JavaScript 1 library, which are based on jQuery widgets, are no longer under active development. The 2022 Volume 4 is the final release for these controls. We recommend that users migrate to the Syncfusion ASP.NET MVC controls available in the Essential JS 2 library, which has been designed to be lightweight and modular. To learn more, please refer to the [documentation](https://ej2.syncfusion.com/aspnetmvc/documentation/introduction) and [demo](https://ej2.syncfusion.com/aspnetmvc/Grid/GridOverview) for the Syncfusion ASP.NET MVC controls in the Essential JS 2 library.
> The Syncfusion ASP.NET MVC controls in the Essential JavaScript 1 library, which are based on jQuery widgets, are no longer under active development. The 2022 Volume 4 is the final release for these controls. We recommend that users migrate to the Syncfusion ASP.NET MVC controls available in the Essential JS 2 library, which has been designed to be lightweight and modular. To learn more, please refer to the [documentation](https://ej2.syncfusion.com/aspnetmvc/documentation/introduction) and [demo](https://ej2.syncfusion.com/aspnetmvc/Grid/GridOverview#/bootstrap5) for the Syncfusion ASP.NET MVC controls in the Essential JS 2 library.

# Welcome to Syncfusion Essential ASP.NET MVC

Expand All @@ -18,7 +18,7 @@ The **Syncfusion Essential Studio for ASP.NET MVC** is a set of server-side wrap
* The best way to get started is to read the common “[Getting Started](/aspnetmvc/getting-started)” document for the component that you would like to start using first. The “Getting Started” guide gives enough information that you need to know before starting to write code. This is the only section that is recommended to read end-to-end before starting to write code, all the other information can be referred when needed.
* Once you get familiar with the basics of using the component, the next step will be to start integrating the component into your application. A good starting point will be to refer to the code snippets in the [online sample browser](https://ej2.syncfusion.com/home/aspnetmvc.html#platform) that contains hundreds of code samples, it is very likely that you will find a code sample that resembles your intended usage scenario.
* After integrating the component into your application using one of the sample code snippets as a starting point, it is likely that you would need additional information on specific features and API. The best option will be to search a specific topic using the search box that is available at the top of the user guide.
* Another valuable resource is the [API reference](https://help.syncfusion.com/cr/aspnetmvc/dociohelper) that provides detailed information on the object hierarchy as well as the settings available on every object.
* Another valuable resource is the [API reference](https://help.syncfusion.com/cr/aspnetmvc/Syncfusion.Calculate.html) that provides detailed information on the object hierarchy as well as the settings available on every object.

## Additional Help Resources

Expand Down
6 changes: 3 additions & 3 deletions aspnetmvc/TreeView/How-To.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ keywords: TreeView, Syncfusion, EJ MVC TreeView, UG Document, How To

## Update the modified data from tree to database.

TreeView allows us to get the updated tree data after performing such operation like node editing, drag and drop, add and remove node. Using [getTreeData](http://help.syncfusion.com/js/api/ejtreeview#methods:gettreedata) method you can get the updated tree data.
TreeView allows us to get the updated tree data after performing such operation like node editing, drag and drop, add and remove node. Using [getTreeData](https://help.syncfusion.com/api/js/ejtreeview#methods:gettreedata) method you can get the updated tree data.

Refer the following code block to know how to get updated data from TreeView.

Expand Down Expand Up @@ -271,7 +271,7 @@ The output for the context menu for TreeView control is as follows.

## Sorted data using refresh method

TreeView allows you to refresh the entire tree data by using [refresh](http://help.syncfusion.com/js/api/ejtreeview#methods:refresh) method. Refer the below code block to know how to sort entire tree data using refresh method.
TreeView allows you to refresh the entire tree data by using [refresh](https://help.syncfusion.com/api/js/ejtreeview#methods:refresh) method. Refer the below code block to know how to sort entire tree data using refresh method.

In the controller page, create a data list that contains the details about tree nodes.

Expand Down Expand Up @@ -726,7 +726,7 @@ TreeView allows us to bind and update tree data in mapped data component while a

## Set tooltip for TreeView nodes

TreeView allows you to set tooltip option to TreeView nodes using [fields.linkAttribute](http://help.syncfusion.com/js/api/ejtreeview#members:fields-linkattribute) property of TreeView. Refer the below code block to know how to set tooltip for TreeView nodes.
TreeView allows you to set tooltip option to TreeView nodes using [fields.linkAttribute](https://help.syncfusion.com/api/js/ejtreeview#members:fields-linkattribute) property of TreeView. Refer the below code block to know how to set tooltip for TreeView nodes.

In the model page, add a class and define the properties as shown below.

Expand Down
18 changes: 9 additions & 9 deletions aspnetmvc/TreeView/Populate-Data.md
Original file line number Diff line number Diff line change
Expand Up @@ -432,11 +432,11 @@ The following steps explain how you can bind remote data to TreeView control.

### OData

**OData** is a standardized protocol for creating and consuming data. You can bind [OData service](http://www.odata.org/#) data to TreeView in two ways using [DataSource](https://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.TreeViewFieldsBuilder.html#Syncfusion_JavaScript_TreeViewFieldsBuilder_Datasource_Syncfusion_JavaScript_DataSource_#) API of “TreeView” control.
**OData** is a standardized protocol for creating and consuming data. You can bind [OData service](https://www.odata.org/#) data to TreeView in two ways using [DataSource](https://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.TreeViewFieldsBuilder.html#Syncfusion_JavaScript_TreeViewFieldsBuilder_Datasource_Syncfusion_JavaScript_DataSource_#) API of “TreeView” control.

**Using Datasource(DataSource) API**

Create an object for [DataSource](http://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.DataSource.html#) class using OData service URL and then assign it to [DataSource](https://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.TreeViewFieldsBuilder.html#Syncfusion_JavaScript_TreeViewFieldsBuilder_Datasource_Syncfusion_JavaScript_DataSource_#) API of “TreeView”.
Create an object for [DataSource](https://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.DataSource.html#) class using OData service URL and then assign it to [DataSource](https://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.TreeViewFieldsBuilder.html#Syncfusion_JavaScript_TreeViewFieldsBuilder_Datasource_Syncfusion_JavaScript_DataSource_#) API of “TreeView”.



Expand Down Expand Up @@ -468,7 +468,7 @@ The following steps explain how you can bind remote data to TreeView control.

**Using Datasource(Action&lt;DataSourceBuilder&gt;) API**

Here directly, you can specify the OData service URL using Action<[DataSourceBuilder](http://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.DataSourceBuilder.html#)>
Here directly, you can specify the OData service URL using Action<[DataSourceBuilder](https://help.syncfusion.com/cr/aspnetmvc/Syncfusion.JavaScript.DataSourceBuilder.html#)>



Expand Down Expand Up @@ -498,7 +498,7 @@ The following steps explain how you can bind remote data to TreeView control.



In above methods, you may also specify the **adaptor** as [ODataAdaptor](http://helpjs.syncfusion.com/js/datamanager/data-adaptors#odata-adaptor) and it is optional to specify.
In above methods, you may also specify the **adaptor** as [ODataAdaptor](https://help.syncfusion.com/js/datamanager/data-adaptors#odata-adaptor) and it is optional to specify.

You can provide adaptor value either as string value (“ODataAdaptor”) or Enum type (AdaptorType.ODataAdaptor)

Expand Down Expand Up @@ -566,7 +566,7 @@ N>**You can use above code until OData service version 3. For OData Service vers

### Web API

Using [ej.WebApiAdaptor](http://helpjs.syncfusion.com/js/datamanager/data-adaptors#webapi-adaptor), you can bind Web API service data to TreeView as shown in below code example.
Using [ej.WebApiAdaptor](https://help.syncfusion.com/js/datamanager/data-adaptors#webapi-adaptor), you can bind Web API service data to TreeView as shown in below code example.



Expand All @@ -591,11 +591,11 @@ Using [ej.WebApiAdaptor](http://helpjs.syncfusion.com/js/datamanager/data-adapto

### Other Restful web services

The Custom Adaptor concept of [ej.DataManager](http://helpjs.syncfusion.com/js/api/ejdatamanager#) allow you to customize or generate your own adaptor which is used to process query and result data.
The Custom Adaptor concept of [ej.DataManager](https://help.syncfusion.com/api/js/ejdatamanager) allow you to customize or generate your own adaptor which is used to process query and result data.

[http://helpjs.syncfusion.com/js/datamanager/data-adaptors#custom-adaptor](http://helpjs.syncfusion.com/js/datamanager/data-adaptors#custom-adaptor)
[https://help.syncfusion.com/js/datamanager/data-adaptors#custom-adaptor](https://help.syncfusion.com/js/datamanager/data-adaptors#custom-adaptor)

When using remote data binding, the adaptor of [ej.DataManager](http://helpjs.syncfusion.com/js/api/ejdatamanager#) plays vital role in processing queries to make them suitable to sends along with data request and also process the response data from the server.
When using remote data binding, the adaptor of [ej.DataManager](https://help.syncfusion.com/api/js/ejdatamanager) plays vital role in processing queries to make them suitable to sends along with data request and also process the response data from the server.

In the controller page, create a data list that contains the details about tree nodes.

Expand Down Expand Up @@ -740,7 +740,7 @@ While expanding the parent node
After expanding the parent node
{:.caption}

For more details about load on demand for local data source, refer the sample [here](http://mvc.syncfusion.com/demos/web/treeview/loadOnDemand).
For more details about load on demand for local data source, refer the sample [here](https://ej2.syncfusion.com/home/aspnetmvc.html#platform).


For remote data source, TreeView loads the first level nodes initially. While expand the node from TreeView, the data manager passes the query to the controller. Based on this query, you can filter the data from table and return to TreeView.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ Use the following steps to create the **Syncfusion ASP.NET MVC (Essential JS 1)

![Web.config file configured for the selected controls in the project created](Create-Project_images/CreateSyncfusionMVCProject-img15.png)

8. Then, Syncfusion licensing registration required message box will be shown, if you installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/license-key#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/Whats-New-in-2018-Volume-2-Licensing-Changes-in-the-1620x-Version-of-Essential-Studio.aspx) post for understanding the licensing changes introduced in Essential Studio.
8. Then, Syncfusion licensing registration required message box will be shown, if you installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio.

![Syncfusion license registration required message box for Syncfusion Essential JS 1 ASP.NET MVC web projects](Create-Project_images/CreateSyncfusionMVCProject-img16.jpeg)

Original file line number Diff line number Diff line change
Expand Up @@ -47,4 +47,4 @@ Use the following steps to migrate your existing Syncfusion ASP.NET MVC Web Appl

5. The Syncfusion reference assemblies, Scripts, CSS, and Web.Config entries are updated to the corresponding version in the project.

6. If you installed the trial setup or NuGet packages from nuget.org you have to register the Syncfusion license key to your project since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/license-key#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/Whats-New-in-2018-Volume-2-Licensing-Changes-in-the-1620x-Version-of-Essential-Studio.aspx?_ga=2.11237684.1233358434.1587355730-230058891.1567654773) post for understanding the licensing changes introduced in Essential Studio.
6. If you installed the trial setup or NuGet packages from nuget.org you have to register the Syncfusion license key to your project since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx?_ga=2.11237684.1233358434.1587355730-230058891.1567654773) post for understanding the licensing changes introduced in Essential Studio.