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 aspnet-core/CheckBox/Miscellaneous.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Miscellaneous | Checkbox | ASP.NET MVC | Syncfusion
description: miscellaneous
platform: ejmvc
title: Miscellaneous | Checkbox | ASP.NET Core | Syncfusion
description: Learn here about miscellaneous support in Syncfusion Essential ASP.NET Core CheckBox Control, its elements, and more.
platform: ASP.NET Core
control: Checkbox
documentation: ug
---

# Miscellaneous
# Miscellaneous in ASP.NET Core CheckBox

## Checkbox Id

Expand Down
14 changes: 7 additions & 7 deletions aspnet-core/Combobox/how-to.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: How to ComboBox control for Syncfusion ASP.NET CORE
description: How to
description: Learn here about How to section in Syncfusion Essential ASP.NET Core ComboBox Control, its elements, and more.
platform: core
control: ComboBox
documentation: ug
keywords: dataBind, ComboBox, cascading, autofill, icons
---

# How To
# How To section in ASP.NET Core ComboBox

## Configure the Cascading ComboBox

Expand Down Expand Up @@ -89,7 +89,7 @@ The following example, shows the cascade behavior of country, state, and city Co
Output for combobox control is as follows.


![](Combobox_howto_images/howto_cascading.png)
![ASP.NET Core ComboBox Show the list items with icons](Combobox_howto_images/howto_cascading.png)


## Show the list items with icons
Expand Down Expand Up @@ -194,7 +194,7 @@ In the following sample, icon classes are mapped with the `iconCss` field.
Output for combobox control is as follows.


![](Combobox_howto_images/howto_icon.png)
![ASP.NET Core ComboBox Autofill supported](Combobox_howto_images/howto_icon.png)

## Autofill supported with ComboBox

Expand Down Expand Up @@ -242,7 +242,7 @@ In the following sample, showcase that how to work autofill with ComboBox.
Output for grouping combobox control is as follows.


![](Combobox_howto_images/autofill.png)
![ASP.NET Core ComboBox jQuery Validator](Combobox_howto_images/autofill.png)

## Validation of ComboBox using jQuery Validator

Expand Down Expand Up @@ -356,8 +356,8 @@ The ComboBox supports the strongly typed Tag helpers represented by model expres

Now, the ComboBox will be displayed with the value passed from model as shown below

![](Combobox_howto_images/modelbinding.png)
![ASP.NET Core ComboBox value passed from model](Combobox_howto_images/modelbinding.png)

This value can be received during Http post during form submit as shown below

![](Combobox_howto_images/Post.png)
![ASP.NET Core ComboBox Http post during form submit](Combobox_howto_images/Post.png)
6 changes: 3 additions & 3 deletions aspnet-core/DataManager/Searching.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Searching | DataManager | ASP.NET Core | Syncfusion
description: searching
description: Learn here about searching support in Syncfusion Essential ASP.NET Core DataManager Control, its elements, and more.
platform: aspnet-core
control: DataManager
documentation: ug
---

# Searching
# Searching in ASP.NET Core DataManager

Searching is a basic query technique in data manager. It is used to filter the records from the entire data source based on the `search` key parameter.

Expand Down Expand Up @@ -96,5 +96,5 @@ Searching is a basic query technique in data manager. It is used to filter the r

Result of above code example is illustrated as follows.

![](Searching_images/Searching1.png)
![ASP.NET Core DataManager searching](Searching_images/Searching1.png)

12 changes: 6 additions & 6 deletions aspnet-core/DateRangePicker/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting Started | DateRangePicker | ASP.NET Core | Syncfusion
description: getting started
title: Getting Started with ASP.NET Core DateRangePicker Control | Syncfusion
description: Learn here about getting started with Syncfusion Essential ASP.NET Core DateRangePicker Control, its elements, and more.
platform: aspnet-core
control: DateRangePicker
documentation: ug
---

# Getting Started
# Getting Started with ASP.NET Core DateRangePicker

This section explains briefly about how to render a DateRangePicker in your application with ASP.NET Core.

Expand All @@ -16,7 +16,7 @@ This section explains briefly about how to render a DateRangePicker in your appl
The Essential ASP.NET Core DateRangePicker supports to display two calendars in the webpage and allows you pick date range from the calendars. Refer the following guidelines to customize the DateRangePicker. The following screenshot illustrates the functionality of DateRangePicker.


![](getting_started_images/getting-started1.png)
![ASP.NET Core DateRangePicker Getting Started](getting_started_images/getting-started1.png)

DateRangePicker
{:.caption}
Expand Down Expand Up @@ -45,7 +45,7 @@ ASP.NET Core DateRangePicker widget basically renders with built-in features lik

Execute the above code to render the following output.

![](getting_started_images/getting-started2.png)
![ASP.NET Core DateRangePicker Start Date](getting_started_images/getting-started2.png)

DateRangePicker
{:.caption}
Expand Down Expand Up @@ -93,7 +93,7 @@ Below code will explain to use the **EndDate** API to set the end Date in popup.

Execute the above code to render the following output.

![](getting_started_images/getting-started3.png)
![ASP.NET Core DateRangePicker End Date](getting_started_images/getting-started3.png)

DateRangePicker with StartDate and EndDate
{:.caption}
Expand Down
25 changes: 5 additions & 20 deletions aspnet-core/Grid/Exporting.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Exporting | grid | ASP.NET Core | Syncfusion
description: exporting
description: Learn here about Exporting support in Syncfusion Essential ASP.NET Core Grid Control, its elements, and more.
platform: aspnet-core
control: grid
documentation: ug
---

# Exporting
# Exporting in ASP.NET Core Grid

The Exporting provides support to export grid data into excel, word and PDF files. To export the grid, the `export` JavaScript method should be called with export action as parameter. To make it work from grid tool bar, `ExcelExport`, `WordExport` and `PdfExport` toolbar items needs to be added in grid tool bar using the `toolbar-items` property of `toolbar-settings` which are used to perform exporting. When you click the toolbar exporting icon, it internally invokes the `export` public method of grid object to export. The code snippet for this is as follows.

Expand Down Expand Up @@ -1287,7 +1287,7 @@ Also, it has `none` option which will export the grid without any theme. The de
{% endtabs %}
When the theme is set as none and the autoFormat is not set to the grid, then no theme is applied to the exported grid. The grid is exported without any theme as in the following screenshots:

![](Exporting_images/Customizing-Themes_img1.png)
![ASP.NET Core Grid exporting](Exporting_images/Customizing-Themes_img1.png)


## AutoFormat class
Expand Down Expand Up @@ -1472,7 +1472,7 @@ The background color of the alternative row of the grid content.</td></tr>


{% endtabs %}
![](Exporting_images/Customizing-Themes_img2.png)
![ASP.NET Core Grid exporting server events](Exporting_images/Customizing-Themes_img2.png)

## Exporting server events

Expand Down Expand Up @@ -1652,19 +1652,4 @@ You can customize the particular cell or particular row of exporting files using

{% endtabs %}

![](Exporting_images/Exporting_Serverside_Event.png)















![ASP.NET Core Grid server side event](Exporting_images/Exporting_Serverside_Event.png)
24 changes: 12 additions & 12 deletions aspnet-core/Grid/Summary.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Summary with Grid widget for ASP.NET Core
description: How to enable summary and its functionalities
title: Summary in ASP.NET Core Grid Control | Syncfusion
description: Learn here about Summary support in Syncfusion Essential ASP.NET Core Grid Control, its elements, and more.
platform: aspnet-core
control: Grid
documentation: ug
---

# Summary
# Summary in ASP.NET Core Grid

The summary rows visibility can be controlled by the`show-summary` property and it can be added to Grid by using the `e-summary-rows` array property. The following code example describes the above behavior.

Expand Down Expand Up @@ -50,7 +50,7 @@ The summary rows visibility can be controlled by the`show-summary` property and
{% endtabs %}


![](Summary_images/summaryGrid_img1.png)
![ASP.NET Core Grid supported aggregates](Summary_images/summaryGrid_img1.png)

## Supported aggregates

Expand Down Expand Up @@ -121,7 +121,7 @@ Summaries with `Sum`,`Average`,`Maximum` and `Minimum` aggregate can be defined
{% endhighlight %}
{% endtabs %}

![](Summary_images/summaryGrid_img2.png)
![ASP.NET Core Grid true and false count](Summary_images/summaryGrid_img2.png)

### True and False count

Expand Down Expand Up @@ -170,7 +170,7 @@ Summaries with `true` and `false` count aggregate can be defined by using `summa
{% endhighlight %}
{% endtabs %}

![](Summary_images/summaryGrid_img3.png)
![ASP.NET Core Grid custom summary](Summary_images/summaryGrid_img3.png)


## Custom summary
Expand Down Expand Up @@ -228,7 +228,7 @@ Custom summary can be used to create summary values based on your required custo
{% endtabs %}


![](Summary_images/summaryGrid_img4.png)
![ASP.NET Core Grid group summary](Summary_images/summaryGrid_img4.png)

## Group summary

Expand Down Expand Up @@ -272,7 +272,7 @@ Group summary is used to summarize values of a particular column based on group
{% endhighlight %}
{% endtabs %}

![](Summary_images/summaryGrid_img5.png)
![ASP.NET Core Grid caption summary](Summary_images/summaryGrid_img5.png)

W> Minimum one column should be grouped to show the summary details.

Expand Down Expand Up @@ -319,7 +319,7 @@ To show summaries in each Group's caption row, particular summary row should hav

{% endtabs %}

![](Summary_images/summaryGrid_img6.png)
![ASP.NET Core Grid format](Summary_images/summaryGrid_img6.png)

W> Minimum one column should be grouped to show summary details.

Expand Down Expand Up @@ -366,7 +366,7 @@ To format Summary values, the `format` property needs to be assigned in `e-summa

{% endtabs %}

![](Summary_images/summaryGrid_img7.png)
![ASP.NET Core Grid summary column template](Summary_images/summaryGrid_img7.png)

## Summary template

Expand Down Expand Up @@ -421,7 +421,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](Summary_images/summaryGrid_img9.png)
![ASP.NET Core Grid handling aggregate](Summary_images/summaryGrid_img9.png)

## Handling aggregation in server-side

Expand Down Expand Up @@ -498,4 +498,4 @@ namespace MvcApplication4.Controllers

The following output is displayed as a result of the previous code example.

![](Summary_images/summaryGrid_img8.png)
![ASP.NET Core Grid summary grid](Summary_images/summaryGrid_img8.png)
6 changes: 3 additions & 3 deletions aspnet-core/TreeView/Tree-Node.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
---
title: Tree Node manipulation | TreeView | ASP.NET Core | Syncfusion
description: handling operations in tree Node
description: Learn here about tree node support in Syncfusion Essential ASP.NET Core TreeView Control, its elements, and more.
platform: aspnet-core
control: TreeView
documentation: UG
---

# Tree Node
# Tree Node in ASP.NET Core TreeView

The tree view node is structured with expand/collapse arrow, checkbox, image and text as shown in the following.

![](Tree-Node_images/Tree-Node_img1.jpeg)
![ASP.NET Core TreeView Tree Node](Tree-Node_images/Tree-Node_img1.jpeg)

Also the tree view node object holds the following properties.

Expand Down