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
20 changes: 10 additions & 10 deletions aspnetmvc/Chart/Appearance.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ control: Chart
documentation: ug
---

# Appearance
# Appearance in ASP.NET MVC Chart

## Custom Color Palette

Expand All @@ -26,7 +26,7 @@ The Chart displays different series in different colors by default. You can cust
{% endhighlight %}


![](Appearance_images/Appearance_img1.png)
![ASP.NET MVC Chart Appearance](Appearance_images/Appearance_img1.png)


N> The Color palette is applied to the points in accumulation type series
Expand Down Expand Up @@ -60,7 +60,7 @@ You can set your desired theme by using the **Theme** property. FlatLight is the

{% endhighlight %}

![](Appearance_images/Appearance_img2.png)
![ASP.NET MVC Chart Built in Themes](Appearance_images/Appearance_img2.png)


## Point level customization
Expand All @@ -87,7 +87,7 @@ Marker, DataLabel and Fill color of each point in a series can be customized ind

{% endhighlight %}

![](Appearance_images/Appearance_img3.png)
![ASP.NET MVC Chart Point level customization](Appearance_images/Appearance_img3.png)


## Series border customization
Expand All @@ -108,7 +108,7 @@ To customize the series border color, width and dashArray, you can use **Series.

{% endhighlight %}

![](Appearance_images/Appearance_img4.png)
![ASP.NET MVC Chart Series border customization](Appearance_images/Appearance_img4.png)


## Chart area customization
Expand All @@ -131,7 +131,7 @@ The Chart background can be customized by using the **Background** property of t

{% endhighlight %}

![](Appearance_images/Appearance_img5.png)
![ASP.NET MVC Chart Customize chart background](Appearance_images/Appearance_img5.png)


**Chart Margin**
Expand All @@ -151,7 +151,7 @@ The Chart **Margin** property is used to add the margin to the chart area at the

{% endhighlight %}

![](Appearance_images/Appearance_img6.png)
![ASP.NET MVC Chart Margin](Appearance_images/Appearance_img6.png)


**Setting background image**
Expand All @@ -173,7 +173,7 @@ Background image can be added to the chart by using the **BackGroundImageUrl** p

{% endhighlight %}

![](Appearance_images/Appearance_img7.png)
![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.
Expand All @@ -200,7 +200,7 @@ The Chart area background can be customized by using the **Background** property

{% endhighlight %}

![](Appearance_images/Appearance_img8.png)
![ASP.NET MVC Chart area background](Appearance_images/Appearance_img8.png)


### Customize chart area grid bands
Expand All @@ -224,7 +224,7 @@ You can provide different color for alternate grid rows and columns formed by th

{% endhighlight %}

![](Appearance_images/Appearance_img9.png)
![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.

Expand Down
18 changes: 9 additions & 9 deletions aspnetmvc/DataManager/Data-Adaptors.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Data Adaptors | DataManager | ASP.NET MVC | Syncfusion
description: data adaptors
description: Learn here about data adaptors in Syncfusion Essential ASP.NET MVC DataManager Control, its elements, and more.
platform: ejmvc
control: DataManager
documentation: ug
keywords: JSON Adaptor, URL Adaptor, OData Adaptor, Odata4 Adaptor, WebApi Adaptor, Cache Adaptor, Custom Adaptor, RemoteSave Adaptor

---

# Data Adaptors
# Data Adaptors in ASP.NET MVC DataManager

DataManger uses adaptors to process data. There are three types of adaptors in the DataManger. They are

Expand Down Expand Up @@ -121,7 +121,7 @@ JSONAdaptor is used to process JSON data. It contains methods to process the giv

The result of above code example is illustrated as follows.

![](Data-Adaptors_images/Data-Adaptors_img1.png)
![ASP.NET MVC DataManager JSON Adaptor](Data-Adaptors_images/Data-Adaptors_img1.png)

JSON adaptor
{:.caption}
Expand Down Expand Up @@ -256,7 +256,7 @@ URL Adaptor of the DataManager can be used when you are required to use remote s

The result of the above code example is illustrated as follows.

![](Data-Adaptors_images/Data-Adaptors_img2.png)
![ASP.NET MVC DataManager URL Adaptor](Data-Adaptors_images/Data-Adaptors_img2.png)

URL Adaptor
{:.caption}
Expand Down Expand Up @@ -345,7 +345,7 @@ OData Adaptor that is extended from URL Adaptor is used for consuming data throu

The result of the above code example is illustrated as follows.

![](Data-Adaptors_images/Data-Adaptors_img3.png)
![ASP.NET MVC DataManager OData Adaptor](Data-Adaptors_images/Data-Adaptors_img3.png)

OData adaptor
{:.caption}
Expand Down Expand Up @@ -448,7 +448,7 @@ WebAPIAdaptor extended from the UrlAdaptor of the DataManager is used for retrie

Result of the above code example is illustrated as follows.

![](Editing_images/RemoteInsert.png)
![ASP.NET MVC DataManager WebAPI Adaptor](Editing_images/RemoteInsert.png)

Web API Adaptor
{:.caption}
Expand Down Expand Up @@ -573,7 +573,7 @@ RemoteSaveAdaptor extended from the JsonAdaptor of theDataManager is used for bi

Result of the above code example is illustrated as follows.

![](Data-Adaptors_images/Data-Adaptors_img5.png)
![ASP.NET MVC DataManager RemoteSave Adaptor](Data-Adaptors_images/Data-Adaptors_img5.png)

RemoteSave Adaptor
{:.caption}
Expand Down Expand Up @@ -631,7 +631,7 @@ Custom Adaptor is a key technique to customize adaptors in the DataManager. It i

Result of above code example is as follows.

![](Data-Adaptors_images/Data-Adaptors_img6.png)
![ASP.NET MVC DataManager Custom Adaptor](Data-Adaptors_images/Data-Adaptors_img6.png)

Custom adaptor
{:.caption}
Expand Down Expand Up @@ -801,7 +801,7 @@ Cache Adaptor is used to cache the data of the visited pages. It prevents new re

{% endhighlight %}

![](Data-Adaptors_images/Data-Adaptors_img7.png)
![ASP.NET MVC DataManager Cache Adaptor](Data-Adaptors_images/Data-Adaptors_img7.png)
Cache Adaptor
{:.caption}

Expand Down
12 changes: 6 additions & 6 deletions aspnetmvc/Spreadsheet/Scrolling.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Scrolling with Spreadsheet widget for Syncfusion Essential ASP.NET MVC
description: How to enable Scrolling and its functionalities
description: How to enable Scrolling and its functionalities in Syncfusion ASP.NET MVC Spreadsheet Control, its elements, and more.
platform: ejmvc
control: Spreadsheet
documentation: ug
---

# Scrolling
# Scrolling in ASP.NET MVC Spreadsheet

Scrolling helps you to move quickly to different areas of worksheet. Scrolling can be enabled by setting `AllowScrolling` as `true` in `ScrollSettings`.

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

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

![](Scrolling_images/Scrolling_img1.png)
![ASP.NET MVC Spreadsheet Set height and width for Scrolling](Scrolling_images/Scrolling_img1.png)

## Responsive

Expand All @@ -53,12 +53,12 @@ N> Default value of `IsResponsive` property is `true`.

If client width is less than 420px, the spreadsheet will render in mobile mode. In which, you can see that spreadsheet user interface is customized and redesigned for best view in small screens. The customized feature includes filter dialog, format dialog, chart type dialog and ribbon.

![](Scrolling_images/Scrolling_img2.png)
![ASP.NET MVC Spreadsheet Mobile Mode](Scrolling_images/Scrolling_img2.png)

Ribbon in mobile layout
{:.caption}

![](Scrolling_images/Scrolling_img3.png)
![ASP.NET MVC Spreadsheet Ribbon in mobile layout](Scrolling_images/Scrolling_img3.png)

Format cell dialog in mobile layout.
{:.caption}
Expand All @@ -67,7 +67,7 @@ Format cell dialog in mobile layout.

If the client width is between 420px and 617px, then the spreadsheet will render in tablet mode. Also it has customized the dialogs to match tablet screen size.

![](Scrolling_images/Scrolling_img4.png)
![ASP.NET MVC Spreadsheet Tablet Layout](Scrolling_images/Scrolling_img4.png)

Ribbon in tablet layout.
{:.caption}
Expand Down