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

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

## Create your first Captcha in ASP.NET

This section enables you to configure the Captcha control in your ASP.NET WEB application and also in learning how to use Captcha with auto validation in Web Forms.

![](Getting-Started_images/Getting-Started_img1.png)
![ASP.NET Webforms Captcha](Getting-Started_images/Getting-Started_img1.png)


### Create Captcha Control
Expand Down Expand Up @@ -85,7 +85,7 @@ N> Version= {{ site.45esreleaseversion }} - It will vary depend up on .NET Fram

The following screenshot displays the output of the above codes.

![](Getting-Started_images/Getting-Started_img2.png)
![ASP.NET Webforms Captcha creation](Getting-Started_images/Getting-Started_img2.png)


### Show AudioButton and Refresh
Expand Down Expand Up @@ -129,7 +129,7 @@ This method is used to handle AJAX post when refresh and validation actions are

The following screenshot displays the output of the above codes.

![](Getting-Started_images/Getting-Started_img3.png)
![ASP.NET Webforms Captcha Show AudioButton and Refresh](Getting-Started_images/Getting-Started_img3.png)


### Auto Validation   
Expand Down Expand Up @@ -422,6 +422,6 @@ Add the following code example to the corresponding CS page for Captcha with Aut

The following screenshot is the output for the above code example.

![](Getting-Started_images/Getting-Started_img4.jpeg)
![ASP.NET Webforms Captcha Auto Validation](Getting-Started_images/Getting-Started_img4.jpeg)


38 changes: 19 additions & 19 deletions aspnet/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 Webforms | Syncfusion
description: How to cutomize the legend in Essential JavaScript Chart.
description: How to cutomize the legend in Syncfusion Essential ASP.NET Webforms Chart Control, its elements, and more.
platform: aspnet
control: Chart
documentation: ug
---

# Legend
# Legend in ASP.NET Webforms Chart

The legend contains the list of Chart Series and Trendlines that appear in a chart.

Expand All @@ -24,7 +24,7 @@ By default, the legend is enabled in the chart. You can enable or disable it by

{% endhighlight %}

![](Legend_images/Legend_img1.png)
![ASP.NET Webforms Chart Legend Visibility](Legend_images/Legend_img1.png)

[Click](http://asp.syncfusion.com/demos/web/chart/legendposition1.aspx) here to view the online demo sample for legend customization.

Expand All @@ -45,7 +45,7 @@ To add the title to the legend, you have to specify the **Legend.Title.Text** op

{% endhighlight %}

![](Legend_images/Legend_img2.png)
![ASP.NET Webforms Chart Legend title](Legend_images/Legend_img2.png)


## Position and Align the Legend
Expand All @@ -62,7 +62,7 @@ By using the **Position** option, you can position the legend at *Left*, *Right*

{% endhighlight %}

![](Legend_images/Legend_img3.png)
![ASP.NET Webforms Chart](Legend_images/Legend_img3.png)

**Legend Alignment**

Expand All @@ -78,7 +78,7 @@ You can align the legend to the *Center*, *Far* or *Near* based on its position

{% endhighlight %}

![](Legend_images/Legend_img4.png)
![ASP.NET Webforms Chart Position and Align the Legend](Legend_images/Legend_img4.png)

## Arrange legend items in the rows and columns

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

{% endhighlight %}

![](Legend_images/Legend_img5.png)
![ASP.NET Webforms Chart Arrange legend items in the rows and columns](Legend_images/Legend_img5.png)

## Customization

Expand All @@ -121,7 +121,7 @@ To change the legend icon shape, you have to specify the shape in the **Shape**

{% endhighlight %}

![](Legend_images/Legend_img6.png)
![ASP.NET Webforms Chart Legend shape](Legend_images/Legend_img6.png)

### Legend items size and border

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

{% endhighlight %}

![](Legend_images/Legend_img7.png)
![ASP.NET Webforms Chart Legend items size and border](Legend_images/Legend_img7.png)

### Legend size

Expand All @@ -159,7 +159,7 @@ By default, legend takes 20% of the **Height** horizontally when it was placed o

{% endhighlight %}

![](Legend_images/Legend_img8.png)
![ASP.NET Webforms Chart Legend size](Legend_images/Legend_img8.png)

### Legend Item Padding

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

{% endhighlight %}

![](Legend_images/Legend_img9.png)
![ASP.NET Webforms Chart Legend Item Padding](Legend_images/Legend_img9.png)

### Legend border

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

{% endhighlight %}

![](Legend_images/Legend_img10.png)
![ASP.NET Webforms Chart Legend border](Legend_images/Legend_img10.png)

### Scrollbar for legend

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

{% endhighlight %}

![](Legend_images/Legend_img11.png)
![ASP.NET Webforms Chart Scrollbar for legend](Legend_images/Legend_img11.png)

### Customize the legend text

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

{% endhighlight %}

![](Legend_images/Legend_img12.png)
![ASP.NET Webforms Chart Customize the legend text](Legend_images/Legend_img12.png)

### LegendItems Text Overflow

Expand All @@ -248,20 +248,20 @@ You can trim the legend item text when its width exceeds the **Legend.TextWidth*

{% endhighlight %}

![](Legend_images/Legend_img13.png)
![ASP.NET Webforms Chart trim](Legend_images/Legend_img13.png)


**Wrap**

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

![](Legend_images/Legend_img14.png)
![ASP.NET Webforms Chart LegendItems Text Overflow](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)
![ASP.NET Webforms Chart WrapAndTrim](Legend_images/Legend_img15.png)


## Handle the legend item clicked
Expand Down Expand Up @@ -302,7 +302,7 @@ You can select a specific series or point while clicking on the corresponding le

{% endhighlight %}

![](Legend_images/Legend_img16.png)
![ASP.NET Webforms Chart Series selection on legend item click](Legend_images/Legend_img16.png)



Expand All @@ -326,5 +326,5 @@ You can collapse the specific series/point legend item displaying in the chart,

{% endhighlight %}

![](Legend_images/Legend_img17.png)
![ASP.NET Webforms Chart Collapsing legend item](Legend_images/Legend_img17.png)

Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Perform Grid Actions on External button click | Grid | ASP.NET Webforms | Syncfusion
description: perform grid actions on external button click
title: Perform Grid Actions in ASP.NET Webforms Grid Control | Syncfusion
description: Learn here about perform grid actions on external button click in Syncfusion ASP.NET Webforms Grid Control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
Expand Down Expand Up @@ -227,4 +227,4 @@ The following code example explains the above behavior.

{% endtabs %}
The following output is displayed as a result of the above code example.
![](ExternalSearch_images/Actionswithexternalbutton_img1.png)
![ASP.NET Webforms Grid Actionswithexternalbutton](ExternalSearch_images/Actionswithexternalbutton_img1.png)
12 changes: 6 additions & 6 deletions aspnet/Numerictextbox/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
---
layout: post
title: Getting Started | NumericTextbox | ASP.NET Webforms | Syncfusion
description: getting started
description: Learn here about getting started with Syncfusion Essential ASP.NET Webforms NumericTextbox Control, its elements, and more.
platform: aspnet
control: NumericTextbox
documentation: ug
---

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



## Create your first Editor in ASP.NET

The Essential ASP.NET Web Forms Editors control includes Numeric, Percentage, Currency and MaskEdit textbox controls. Here, you can learn how to use ASP.NET Textboxes controls in the Electricity bill calculator Application. This guides you to use the wide range of TextBox functionalities to complete this application.

![](Getting-Started_images/Getting-Started_img1.jpeg)
![ASP.NET Webforms NumericTextbox Create your first Editor](Getting-Started_images/Getting-Started_img1.jpeg)



Expand Down Expand Up @@ -239,7 +239,7 @@ The following styles are added to arrange the TextBox.

Run the above code to render a TextBox control as follows

![](Getting-Started_images/Getting-Started_img2.jpeg)
![ASP.NET Webforms NumericTextbox Create Textboxes](Getting-Started_images/Getting-Started_img2.jpeg)



Expand Down Expand Up @@ -353,7 +353,7 @@ In the above mentioned use case scenario, you can set the MinValue, MaxValue 

Run the above code to render the resultant output of the above steps

![](Getting-Started_images/Getting-Started_img3.jpeg)
![ASP.NET Webforms NumericTextbox Set the MinValue, MaxValue and value in Textboxes](Getting-Started_images/Getting-Started_img3.jpeg)



Expand Down Expand Up @@ -543,7 +543,7 @@ To customize the button, you can set the ContentType as TextAndImage to incl

Run the above code to render the TextBox control. Fill the required Textbox fields and click the Calculate button. The values are displayed and an alert message is shown. The following screenshot illustrates the final output of the Electricity bill calculator.

![](Getting-Started_images/Getting-Started_img4.jpeg)
![ASP.NET Webforms NumericTextbox Set Calculation process](Getting-Started_images/Getting-Started_img4.jpeg)



8 changes: 4 additions & 4 deletions aspnet/RadialSlider/image-customization.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Image-Customization | RadialSlider | ASP.NET | Syncfusion
description: Image-Customization
description: Learn here about Image Customization in Syncfusion Essential ASP.NET WebForms RadialSlider Control, its elements, and more.
platform: aspnet
control: RadialSlider
documentation: ug
---
# Image customization
# Image customization in ASP.NET WebForms RadialSlider

## Customizing inner circle

Expand Down Expand Up @@ -34,7 +34,7 @@ The **RadialSlider** property **InnerCircleImageClass** allow to set image for t

The following screenshot illustrates the output of above code.

![](image-customization_images\image-customization_img1.png)
![ASP.NET WebForms RadialSlider image customization](image-customization_images\image-customization_img1.png)


### Using image URL
Expand All @@ -49,7 +49,7 @@ The **RadialSlider** property **InnerCircleImageUrl** allow to set URL image to

The following screenshot illustrates the output of above code.

![](image-customization_images\image-customization_img2.png)
![ASP.NET WebForms RadialSlider image URL ](image-customization_images\image-customization_img2.png)



Expand Down