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
38 changes: 19 additions & 19 deletions aspnet-core/Chart/Legend.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Chart legend| Chart | ASP.NET CORE | Syncfusion
description: How to cutomize the legend in Essential JavaScript Chart.
description: Learn here about legend suport in Syncfusion Essential JavaScript Chart Control, its elements and more.
platform: aspnet-core
control: Chart
documentation: ug
---

# Legend
# Legend in JavaScript Chart

The legend contains the list of chart series and trendlines that appear in a chart.

Expand All @@ -25,7 +25,7 @@ By default, the legend is enabled in the chart. You can enable or disable this b

{% endhighlight %}

![](Legend_images/Legend_img1.png)
![JavaScript Chart Legend title](Legend_images/Legend_img1.png)

## Legend title

Expand All @@ -41,7 +41,7 @@ To add title to the legend, specify the **Legend.Title.Text** option.

{% endhighlight %}

![](Legend_images/Legend_img2.png)
![JavaScript Chart Position and align the legend](Legend_images/Legend_img2.png)


## Position and align the legend
Expand All @@ -58,7 +58,7 @@ By using the **Position** option, you can position the legend at left, right, to

{% endhighlight %}

![](Legend_images/Legend_img3.png)
![JavaScript Chart Legend alignment](Legend_images/Legend_img3.png)

**Legend alignment**

Expand All @@ -74,7 +74,7 @@ You can align the legend to center, far, or near based on its position by using

{% endhighlight %}

![](Legend_images/Legend_img4.png)
![JavaScript Chart legend items](Legend_images/Legend_img4.png)

## Arrange legend items in the rows and columns

Expand All @@ -99,7 +99,7 @@ You can arrange the legend items horizontally and vertically by using the **RowC

{% endhighlight %}

![](Legend_images/Legend_img5.png)
![JavaScript Chart Legend shape](Legend_images/Legend_img5.png)

## Customization

Expand All @@ -117,7 +117,7 @@ To change the legend icon shape, specify the shape in the **Shape** property of

{% endhighlight %}

![](Legend_images/Legend_img6.png)
![JavaScript Chart Legend items size and border](Legend_images/Legend_img6.png)

### Legend items size and border

Expand All @@ -133,7 +133,7 @@ You can change the size of the legend items by using the **ItemStyle.Width** and

{% endhighlight %}

![](Legend_images/Legend_img7.png)
![JavaScript Chart Legend size](Legend_images/Legend_img7.png)

### Legend size

Expand All @@ -149,7 +149,7 @@ By default, legend takes 20% of the **Height** horizontally when it is placed on

{% endhighlight %}

![](Legend_images/Legend_img8.png)
![JavaScript Chart Legend item padding](Legend_images/Legend_img8.png)

### Legend item padding

Expand All @@ -165,7 +165,7 @@ You can control the spacing between the legend items by using the **ItemPadding*

{% endhighlight %}

![](Legend_images/Legend_img9.png)
![JavaScript Chart Legend border](Legend_images/Legend_img9.png)

### Legend border

Expand All @@ -181,7 +181,7 @@ You can customize the legend border by using the **Border** option in the legend

{% endhighlight %}

![](Legend_images/Legend_img10.png)
![JavaScript Chart Scrollbar for legend](Legend_images/Legend_img10.png)

### Scrollbar for legend

Expand All @@ -197,7 +197,7 @@ You can enable or disable the legend scrollbar by using the **EnableScrollbar**

{% endhighlight %}

![](Legend_images/Legend_img11.png)
![JavaScript Chart Customize the legend text](Legend_images/Legend_img11.png)

### Customize the legend text

Expand All @@ -217,7 +217,7 @@ To customize the text and title of the legend item, use the **Legend.Font** and

{% endhighlight %}

![](Legend_images/Legend_img12.png)
![JavaScript Chart Legend items text overflow](Legend_images/Legend_img12.png)

### Legend items text overflow

Expand All @@ -236,19 +236,19 @@ You can trim the text of the legend item when its width exceeds the **Legend.Tex

{% endhighlight %}

![](Legend_images/Legend_img13.png)
![JavaScript Chart Wrap](Legend_images/Legend_img13.png)

**Wrap**

By specifying **TextOverflow** to **Wrap**, you can wrap the legend text by word.

![](Legend_images/Legend_img14.png)
![JavaScript Chart WrapAndTrim](Legend_images/Legend_img14.png)

**WrapAndTrim**

You can wrap and trim the legend text by specifying **TextOverflow** as **WrapAndTrim**. The original text will be displayed on mouse hover.

![](Legend_images/Legend_img15.png)
![JavaScript Chart Handle the legend item click](Legend_images/Legend_img15.png)


## Handle the legend item click
Expand Down Expand Up @@ -286,7 +286,7 @@ You can select a specific series or point while clicking the corresponding legen

{% endhighlight %}

![](Legend_images/Legend_img16.png)
![JavaScript Chart Collapsing legend item](Legend_images/Legend_img16.png)


## Collapsing legend item
Expand All @@ -312,4 +312,4 @@ You can collapse the legend item of the specific series/point, which is displaye

{% endhighlight %}

![](Legend_images/Legend_img17.png)
![JavaScript Chart legend](Legend_images/Legend_img17.png)
4 changes: 2 additions & 2 deletions aspnet-core/DataManager/Overview.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Overview | DataManager | ASP.NET Core | Syncfusion
description: overview
description: Learn here about overview of Syncfusion Essential ASP.NET Core DataManager Control, its elements, and more.
platform: aspnet-core
control: DataManager
documentation: ug
---

# DataManager
# Overview of ASP.NET Core DataManager

DataManager helps in managing relational data in the ASP.NET Core. Its rich features make querying data sources easier. The ODataClient supports OData queries that are enabled in the Web API & WCF data services.

Expand Down
28 changes: 14 additions & 14 deletions aspnet-core/Grid/Filtering.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Filtering with grid widget for Syncfusion Essential ASP.NET Core
description: How to enable filtering and its functionalities
description: Learn here about filtering support in Syncfusion Essential ASP.NET Core Grid Control, its elements, and more.
platform: aspnet-core
control: grid
documentation: ug
---
# Filtering
# Filtering in ASP.NET Core Grid

Filtering helps to view particular or related records from dataSource which meets a given filtering criteria. To enable filter, set `allow-filtering` property as `true`.

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

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

![](filtering_images/filtering_img1.png)
![ASP.NET Core Grid Menu filter](filtering_images/filtering_img1.png)


## Menu filter
Expand Down Expand Up @@ -110,19 +110,19 @@ The following code example describes the previous behavior.

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

![](filtering_images/filtering_img2.png)
![ASP.NET Core Grid Numeric filter](filtering_images/filtering_img2.png)

Numeric filter

![](filtering_images/filtering_img3.png)
![ASP.NET Core Grid String filter](filtering_images/filtering_img3.png)

String filter

![](filtering_images/filtering_img4.png)
![ASP.NET Core Grid Date filter](filtering_images/filtering_img4.png)

Date filter

![](filtering_images/filtering_img5.png)
![ASP.NET Core Grid Boolean filter](filtering_images/filtering_img5.png)

Boolean filter

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

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

![](filtering_images/filtering_img6.png)
![ASP.NET Core Grid Filtering between values](filtering_images/filtering_img6.png)

### Filtering between values

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

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

![](filtering_images/filtering_img7.png)
![ASP.NET Core Grid selection](filtering_images/filtering_img7.png)


### Add current selection to filter checkbox:
Expand All @@ -231,7 +231,7 @@ When filtering is done multiple times on the same column then the previously fil

The following image describes the previous mentioned behavior.

![](filtering_images/filtering_img12.png)
![ASP.NET Core Grid Case sensitivity](filtering_images/filtering_img12.png)


### Case sensitivity
Expand Down Expand Up @@ -274,7 +274,7 @@ The following code example describes the previous behavior.

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

![](filtering_images/filtering_img8.png)
![ASP.NET Core Grid Filter bar](filtering_images/filtering_img8.png)


## Filter bar
Expand Down Expand Up @@ -455,7 +455,7 @@ The following code example describes the previous behavior.

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

![](filtering_images/filtering_img9.png)
![ASP.NET Core Grid Filter bar modes](filtering_images/filtering_img9.png)


Filter bar modes:
Expand Down Expand Up @@ -506,7 +506,7 @@ The following code example describes the previous behavior.

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

![](filtering_images/filtering_img10.png)
![ASP.NET Core Grid FilterBar operators](filtering_images/filtering_img10.png)


## Filter operators
Expand Down Expand Up @@ -727,6 +727,6 @@ The following code example describes the previous behavior.
The following output is displayed as a result of the previous code example.


![](filtering_images/filtering_img11.png)
![ASP.NET Core Grid after filtering](filtering_images/filtering_img11.png)
{:caption}
After Filtering
4 changes: 2 additions & 2 deletions aspnet-core/Grid/Overview.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: grid widget for Syncfusion Essential ASP.NET Core
description: Overview for grid
description: Learn here about overview of Syncfusion Essential ASP.NET Core Grid Control, its elements, and more.
platform: aspnet-core
control: grid
documentation: ug
---
# OverView
# OverView of ASP.NET Core Grid

The grid control for ASP.NET Core is an efficient display engine for tabular data. It will pull from a datasource, such as List of collections, OData web services, or DataManager and binding data fields to columns and displaying a column header to identify the field. It is a feature-rich control that provides extensive appearance customization options with support for grouped records. This grid is very useful for generating complex grid-based reports with rich formatting. Almost all the features in JS grid are applicable to grid in ASP.NET Core too.

Expand Down
4 changes: 2 additions & 2 deletions aspnet-core/ReportViewer/Limitations.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Limitations | ReportViewer | ASP.NET Core | Syncfusion
description: limitations
description: Learn here about Limitations in Syncfusion Essential ASP.NET Core ReportViewer Control, its elements, and more.
platform: aspnet-core
control: ReportViewer
documentation: ug
---

# Limitations
# Limitations in ASP.NET Core ReportViewer

## RDL Specification support

Expand Down
6 changes: 3 additions & 3 deletions aspnet-core/ReportViewer/Report-Controller.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Report Controller | Syncfusion
description: report controller
title: Report Controller in ASP.NET Core ReportViewer Control | Syncfusion
description: Learn here about report controller in Syncfusion Essential ASP.NET Core ReportViewer Control, its elements, and more.
platform: aspnet-core
control: ReportViewer
documentation: ug
---

# Report Controller
# Report Controller in ASP.NET Core ReportViewer

The ReportViewer uses Web API services to process the report file, process the request from control and to return the processed data to control. The Syncfusion.EJ.ReportViewer assembly has helper APIs to define the service actions and process the service requests.

Expand Down
6 changes: 3 additions & 3 deletions aspnet-core/ReportViewer/SSRS-Configuration.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: SSRS Configuration | Syncfusion
description: ssrs configuration
title: SSRS Configuration in ASP.NET Core ReportViewer Control | Syncfusion
description: Learn here about ssrs configuration in Syncfusion Essential ASP.NET Core ReportViewer Control, its elements, and more.
platform: aspnet-core
control: ReportViewer
documentation: ug
---

# SSRS Configuration
# SSRS Configuration in ASP.NET Core ReportViewer

The ReportViewer has support to load RDL reports from SSRS server. You have to set your SSRS server URL to ReportViewer’s ReportServiceUrl property and set the relative path of RDL file in SSRS to ReportViewer’s ReportPath property.

Expand Down