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
2 changes: 1 addition & 1 deletion aspnet-toc.html

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions aspnet/AutoComplete/Integration.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Integration | AutoComplete | ASP.NET Webforms | Syncfusion
description: integration
description: Learn here about integration support in Syncfusion Essential ASP.NET Webforms AutoComplete Control, its elements, and more.
platform: aspnet
control: AutoComplete
documentation: ug
---

# Integration
# Integration support in ASP.NET Webforms AutoComplete

## AngularJS

Expand Down Expand Up @@ -154,7 +154,7 @@ In the Script section, define the data to be bid and by using AngularJS support,

The following screenshot is the output of AutoComplete control with two way AngularJS binding.

![](Integration_images/Integration_img1.png)
![ASP.NET Webforms AutoComplete Integration](Integration_images/Integration_img1.png)



Expand Down Expand Up @@ -353,7 +353,7 @@ In the script section, add the code to bind observable values by using Knockout

The following screenshot is the result of the above code examples.

![](Integration_images/Integration_img2.png)
![ASP.NET Webforms AutoComplete KnockoutJS](Integration_images/Integration_img2.png)



Expand Down
34 changes: 17 additions & 17 deletions aspnet/Chart/Data-Markers.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Markers and data labels in Essential ASP.NET Webforms Chart
description: Learn how to add markers and data point labels to a Chart series.
title: Markers and data labels in ASP.NET Webforms Chart Control | Syncfusion
description: Learn here about Markers and data labels in Syncfusion Essential ASP.NET Webforms Chart Control, its elements, and more.
platform: aspnet
control: Chart
documentation: ug
---

# Data Markers
# Data Markers in ASP.NET Webforms Chart

Data markers are used to provide information about the data point to the user. You can add a shape and label to adorn each data point.

Expand Down Expand Up @@ -42,7 +42,7 @@ The following code example explains on how to enable series marker and add shape

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img1.png)
![ASP.NET Webforms Chart Add Shapes](Data-Markers_images/Data-Markers_img1.png)


## Add image as marker
Expand All @@ -68,7 +68,7 @@ The following code example illustrates this,

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img2.png)
![ASP.NET Webforms Chart Add image as marker](Data-Markers_images/Data-Markers_img2.png)


## Add labels
Expand All @@ -94,7 +94,7 @@ The following code example shows how to enable data label and set its horizontal

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img3.png)
![ASP.NET Webforms Chart Add labels](Data-Markers_images/Data-Markers_img3.png)


Label content can be formatted by using the template option. Inside the template, you can add the placeholder text *"point.x"* and *"point.y"* to display corresponding data points x & y value.
Expand Down Expand Up @@ -142,7 +142,7 @@ The following code example shows how to add background shapes and set template t

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img4.png)
![ASP.NET Webforms Chart data markers](Data-Markers_images/Data-Markers_img4.png)


The appearance of the labels can be customized by using the *Font* and *Offset* options. The Offset option is used to move the labels vertically. Also, labels can be rotated by using the *Rotate* option.
Expand All @@ -166,7 +166,7 @@ The following code example shows how to rotate data label text and customize the

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img5.png)
![ASP.NET Webforms Chart data label text](Data-Markers_images/Data-Markers_img5.png)


You can position the label to the top, center or bottom position of the segment by using the **TextPosition** option for the chart types such as Column, Bar, Stacked bar, Stacked column, 100% Stacked bar, 100% Stacked column, Candle and OHLC.
Expand All @@ -189,7 +189,7 @@ The following code example shows how to set textPosition to display data label i

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img6.png)
![ASP.NET Webforms Chart center or bottom position](Data-Markers_images/Data-Markers_img6.png)

The label can be positioned inside or outside the perimeter of the series by using the **LabelPosition** option for the chart types such as Pie and Doughnut, .

Expand Down Expand Up @@ -221,17 +221,17 @@ The following code example shows how to set the LabelPosition,

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img7.png)
![ASP.NET Webforms Chart LabelPosition](Data-Markers_images/Data-Markers_img7.png)


The following screenshot displays the labels when the LabelPosition is set as *Inside* position.

![](/js/Chart/Data-Markers_images/Data-Markers_img8.png)
![ASP.NET Webforms Chart Inside position](Data-Markers_images/Data-Markers_img8.png)


The following screenshot displays the labels when the LabelPosition is set as *OutsideExtended* position.

![](Data-Markers_images/Data-Markers_img9.png)
![ASP.NET Webforms Chart OutsideExtended position](Data-Markers_images/Data-Markers_img9.png)


The label can be wrapped for pie, doughnut, funnel, and pyramid series by setting the enableWrap property.
Expand All @@ -254,7 +254,7 @@ The label can be wrapped for pie, doughnut, funnel, and pyramid series by settin

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img13.png)
![ASP.NET Webforms Chart enableWrap property](Data-Markers_images/Data-Markers_img13.png)



Expand Down Expand Up @@ -392,7 +392,7 @@ When the data is provided by using the Points option, you can add marker for eac

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img10.png)
![ASP.NET Webforms Chart Customize specific points](Data-Markers_images/Data-Markers_img10.png)


When the data is bound to the series by using the DataSource option, you can customize the points in the **SeriesRendering** event as illustrated in the following code example,
Expand Down Expand Up @@ -450,7 +450,7 @@ When the data is bound to the series by using the DataSource option, you can cus

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img10.png)
![ASP.NET Webforms Chart SeriesRendering](Data-Markers_images/Data-Markers_img10.png)


## Connect Line
Expand All @@ -476,7 +476,7 @@ This feature is used to connect label and data point by using a line. It can be

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img11.png)
![ASP.NET Webforms Chart Connect Line](Data-Markers_images/Data-Markers_img11.png)


## SmartLabels
Expand Down Expand Up @@ -504,7 +504,7 @@ The following code example shows how to enable smart labels,

{% endhighlight %}

![](Data-Markers_images/Data-Markers_img12.png)
![ASP.NET Webforms Chart SmartLabels](Data-Markers_images/Data-Markers_img12.png)


[Click](http://asp.syncfusion.com/demos/web/chart/pie.aspx) here to view the SmartLabels online demo sample.
4 changes: 2 additions & 2 deletions aspnet/ComboBox/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Getting started with ComboBox | Syncfusion | ASP.NET WebForms
description: To get start with ComboBox by adding references.
description: Learn here about getting started with Syncfusion ASP.NET Webforms ComboBox Control, its elements, and more.
platform: aspnet
control: ComboBox
documentation: ug
keywords: ComboBox, ComboBox, Populating data
---

# Getting Started
# Getting Started with ASP.NET Webforms ComboBox

## Creating your first ComboBox in ASP Web Forms

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions aspnet/Grid/How-to/Refresh-datasource.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Refresh datasource | Grid | ASP.NET Webforms | Syncfusion
description: refresh datasource
description: Learn here about refresh datasource in Syncfusion Essential ASP.NET Webforms Grid Control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
---

# Refresh datasource
# Refresh datasource in ASP.NET Webforms Grid

Grid allows you to refresh datasource dynamically after Grid initialization. It is useful to refresh Grid datasource.

Expand Down Expand Up @@ -147,13 +147,13 @@ The following screenshot displays the Grid data source before refreshing.



![](Refresh-datasource_images/Refresh-datasource_img1.png)
![ASP.NET Webforms Grid Refresh datasource](Refresh-datasource_images/Refresh-datasource_img1.png)



The following screenshot displays the Grid data source after refreshing.

![](Refresh-datasource_images/Refresh-datasource_img2.png)
![ASP.NET Webforms Grid after refreshing datasource](Refresh-datasource_images/Refresh-datasource_img2.png)



8 changes: 4 additions & 4 deletions aspnet/Grid/Toolbar.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Toolbar with Grid widget for Syncfusion Essential ASP.NET
description: How to enable toolbar and its actions
description: How to enable toolbar in Syncfusion Essential ASP.NET Webforms Grid Control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
---

# Toolbar
# Toolbar in ASP.NET Webforms Grid

Toolbar can be shown by defining the `ShowToolbar` property of `ToolbarSettings` should be true. Toolbar has option to add default items in `ToolbarItems` property of `ToolbarSettings.` and customized items in `CustomToolbarItem` property of `ToolbarSettings`.

Expand Down Expand Up @@ -122,7 +122,7 @@ Search text in records</td></tr>

{% endtabs %}

![](Toolbar_images/Toolbar_img1.png)
![ASP.NET Webforms Grid Toolbar](Toolbar_images/Toolbar_img1.png)

I> `AllowAdding`, `AllowEditing`, `AllowDeleting` property of `EditSettings` need to be enabled for add, edit, delete, save & cancel and `AllowSearching` property of `ToolbarItems` to be enabled while adding Search in toolbar to perform search action.

Expand Down Expand Up @@ -256,7 +256,7 @@ Custom toolbar is used to create your own toolbar items in toolbar. It can add b

{% endtabs %}

![](Toolbar_images/Toolbar_img2.png)
![ASP.NET Webforms Grid Custom Toolbar items](Toolbar_images/Toolbar_img2.png)



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

# Getting Started
# Getting Started with ASP.NET Webforms Navigation Drawer

## Create your first Navigation Drawer control in ASP.NET Webforms

NavigationDrawer is a sliding panel that displays the list of navigation options on demand. That is, by default, it is not visible but you can display it on the left/right side of the screen by swiping or by clicking with desired target icon.

![](Getting-Started_images/img1.png)
![ASP.NET Webforms Navigation Drawer Getting Started](Getting-Started_images/img1.png)



Expand Down Expand Up @@ -139,7 +139,7 @@ You can display the drawer either by clicking on the target icon or by swiping f



![](Getting-Started_images/img2.png)
![ASP.NET Webforms Navigation Drawer display](Getting-Started_images/img2.png)



Expand All @@ -166,7 +166,7 @@ In the above code we have added targetId and contentId to find and navigate to s

Run the above code to render the following output.

![](Getting-Started_images/img3.png)
![ASP.NET Webforms Navigation Drawer navigate to sub pages](Getting-Started_images/img3.png)


You can load the appropriate content for the navigation items by updating the content through mouseDown handler of listview. You can define the handler and pass the method name with mouseDown attribute through listViewSettings. Also to view which item’s content is being loaded in the page, make the list selection to persist in the drawer by setting persistSelection as true. Refer to the following code example.
Expand All @@ -193,7 +193,7 @@ In the mouse down handler, you can hide the other content and display the respec

Run the above code to render the following output.

![](Getting-Started_images/img3.png)
![ASP.NET Webforms Navigation Drawer display selected items](Getting-Started_images/img3.png)



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

# Getting Started
# Getting Started with ASP.NET WebForms ProgressBar

## Create your first Progress Bar in ASP.NET

Expand Down Expand Up @@ -129,4 +129,4 @@ $(function () {

The following screenshot displays the ProgressBar control.

![](Getting-Started_images/Getting-Started_img1.png)
![ASP.NET WebForms ProgressBar Getting Started](Getting-Started_images/Getting-Started_img1.png)
17 changes: 17 additions & 0 deletions aspnet/Release-notes/v20.1.0.52.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
---
title: Essential Studio for ASP.NET Weekly Nuget Release Release Notes
description: Essential Studio for ASP.NET Weekly Nuget Release Release Notes
platform: aspnet
documentation: ug
---

# Essential Studio for ASP.NET Release Notes

{% include release-info.html date="May 03, 2022" version="v20.1.0.52" %}


{% directory path: _includes/release-notes/v20.1.0.52 %}

{% include {{file.url}} %}

{% enddirectory %}
12 changes: 6 additions & 6 deletions aspnet/RichTextEditor/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
---
layout: post
title: Getting started with RichTextEditor control for Syncfusion Essential ASP.NET
description: Getting started with RichTextEditor and configure the toolbar and other functionalities.
title: Getting started with RichTextEditor control for Syncfusion ASP.NET
description: Learn here about Getting started with Syncfusion Essential RichTextEditor Control, its elements, and more.
platform: aspnet
control: RTE
documentation: ug
keywords: RichTextEditor, Getting Started, Toolbar–Configuration, Setting the content, Getting the content

---
# Getting Started
# Getting Started with ASP.NET RichTextEditor

This section explains the step-by-step instructions to create RichTextEditor in an ASP.NET web application.

## Create your First RichTextEditor in ASP.NET

1. Create an ASP.NET Web Forms application and add RichTextEditor control to the Default.aspx page.

![](GettingStarted_images/RTE.png)
![ASP.NET RichTextEditor Getting Started](GettingStarted_images/RTE.png)

2. Once the control is dragged and dropped into the page,all the dependent scripts and CSS files will be loaded as an embedded resource from Syncfusion.EJ.Web. This will add the following appSetting key in web.config file to load resource files.

Expand All @@ -31,7 +31,7 @@ This section explains the step-by-step instructions to create RichTextEditor in

3. Customize the RichTextEditor control using properties panel as well as set the value for the RichTextEditor as given below.

![](GettingStarted_images/Property.png)
![ASP.NET RichTextEditor Property](GettingStarted_images/Property.png)

Switching from Design view to Source to view the RichTextEditor code.

Expand Down Expand Up @@ -67,7 +67,7 @@ You can configure the toolbar with the tools as your application requires.

{% endhighlight %}

![](GettingStarted_images/Toolbar.png)
![ASP.NET RichTextEditor Toolbar](GettingStarted_images/Toolbar.png)

## Setting and Getting Content

Expand Down
Loading