diff --git a/aspnet/AutoComplete/Integration.md b/aspnet/AutoComplete/Integration.md index 00ea4ad42..888f7d639 100644 --- a/aspnet/AutoComplete/Integration.md +++ b/aspnet/AutoComplete/Integration.md @@ -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 @@ -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) @@ -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) diff --git a/aspnet/Chart/Data-Markers.md b/aspnet/Chart/Data-Markers.md index ad8dcecd5..f12551938 100644 --- a/aspnet/Chart/Data-Markers.md +++ b/aspnet/Chart/Data-Markers.md @@ -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. @@ -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 @@ -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 @@ -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. @@ -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. @@ -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. @@ -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, . @@ -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. @@ -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) @@ -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, @@ -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 @@ -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 @@ -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. \ No newline at end of file diff --git a/aspnet/ComboBox/Getting-Started.md b/aspnet/ComboBox/Getting-Started.md index 07fe97458..2ddf83f0c 100644 --- a/aspnet/ComboBox/Getting-Started.md +++ b/aspnet/ComboBox/Getting-Started.md @@ -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 diff --git a/aspnet/ComboBox/Getting-Started_images/Getting-Started_img2.png b/aspnet/ComboBox/Getting-Started_images/Getting-Started_img2.png index 0cd7386c7..7c619a828 100644 Binary files a/aspnet/ComboBox/Getting-Started_images/Getting-Started_img2.png and b/aspnet/ComboBox/Getting-Started_images/Getting-Started_img2.png differ diff --git a/aspnet/Grid/How-to/Refresh-datasource.md b/aspnet/Grid/How-to/Refresh-datasource.md index 1ecdb2793..9f87f08b0 100644 --- a/aspnet/Grid/How-to/Refresh-datasource.md +++ b/aspnet/Grid/How-to/Refresh-datasource.md @@ -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. @@ -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) diff --git a/aspnet/Grid/Toolbar.md b/aspnet/Grid/Toolbar.md index d4b4bc651..abd2c38ed 100644 --- a/aspnet/Grid/Toolbar.md +++ b/aspnet/Grid/Toolbar.md @@ -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`. @@ -122,7 +122,7 @@ Search text in records {% 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. @@ -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) diff --git a/aspnet/NavigationDrawer/Getting-Started.md b/aspnet/NavigationDrawer/Getting-Started.md index 12ce0ddab..6c8c63f59 100644 --- a/aspnet/NavigationDrawer/Getting-Started.md +++ b/aspnet/NavigationDrawer/Getting-Started.md @@ -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) @@ -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) @@ -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. @@ -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) diff --git a/aspnet/ProgressBar/Getting-Started.md b/aspnet/ProgressBar/Getting-Started.md index 02b8f4d3e..7c8b59cd4 100644 --- a/aspnet/ProgressBar/Getting-Started.md +++ b/aspnet/ProgressBar/Getting-Started.md @@ -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 @@ -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) diff --git a/aspnet/RichTextEditor/Getting-Started.md b/aspnet/RichTextEditor/Getting-Started.md index 0becb365e..de55098c9 100644 --- a/aspnet/RichTextEditor/Getting-Started.md +++ b/aspnet/RichTextEditor/Getting-Started.md @@ -1,14 +1,14 @@ --- 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. @@ -16,7 +16,7 @@ This section explains the step-by-step instructions to create RichTextEditor in 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. @@ -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. @@ -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 diff --git a/aspnet/RichTextEditor/ImportAndExport.md b/aspnet/RichTextEditor/ImportAndExport.md index adb3f71fb..e9fa91d51 100644 --- a/aspnet/RichTextEditor/ImportAndExport.md +++ b/aspnet/RichTextEditor/ImportAndExport.md @@ -1,7 +1,7 @@ --- layout: post -title: Import and Export in RichTextEditor control for Syncfusion Essential ASP.NET Webform -description: Import a word document into the RichTextEditor and Export the control's content into a word or PDF file +title: Import and Export in ASP.NET RichTextEditor control | Syncfusion +description: Import a word document into the RichTextEditor and Export the control's content into a word or PDF file. platform: aspnet control: RTE documentation: ug @@ -9,7 +9,7 @@ keywords: RichTextEditor,server side XHTML Validation, RTE import, RTE export, e --- -# Import +# Import and Export in ASP.NET Webforms RichTextEditor Import feature provides support to import a word document into the editor `textarea`. To enable import option in the RTE tool bar, `import` toolbar items needs to be added in RTE toolbar toolsList using `importExport` which adds the tool in the toolbar. In `ImportSettings` Url option, the server page for import is needed to be mapped. When you click the toolbar import icon, it opens a dialog to browse the select a word file. The selected word file will be imported into the editor `textarea`. @@ -113,9 +113,9 @@ Full list of assemblies needed for RTE Import are as follows 4. Syncfusion.Compression.Base 5. Syncfusion.DocIO.Base -![](ImportAndExport_images/import_images.png) +![ASP.NET RichTextEditor Import And Export](ImportAndExport_images/import_images.png) -# Export +## Export Export feature provides support to export editor `textarea` content into word and PDF files. To enable Export option in the RTE tool bar, `wordExport` , `pdfExport` toolbar items needs to be added in RTE toolbar toolsList using `importExport` which adds the tool in the toolbar. `ExportToWordSettings` consists of Url and FileName sub properties. In Url property, the server page for export to word is needed to be mapped and In FileName property, the name for the exported word file is given. `ExportToPdfSettings` consists of Url and FileName sub properties. In Url property, the server page for export to PDF is needed to be mapped and In FileName property, the name for the exported PDF file is given. When you click the toolbar pdfExport or wordExport icon, the contents of RTE are sent to the server. It performs XHTML Validation on the editor `textarea` content on the server. Once the XHTML validation and formatting is successful, it exports the content into a Word or PDF File. @@ -206,7 +206,7 @@ Export Helper functions are available in the Assembly `Syncfusion.EJ.Export`, wh 6. Syncfusion.PDF.Base ### Word Export -![](ImportAndExport_images/export_word_images.png) +![ASP.NET RichTextEditor export word](ImportAndExport_images/export_word_images.png) ### PDF Export -![](ImportAndExport_images/export_pdf_images.png) \ No newline at end of file +![ASP.NET RichTextEditor export pdf](ImportAndExport_images/export_pdf_images.png) \ No newline at end of file diff --git a/aspnet/Sparkline/Tooltip.md b/aspnet/Sparkline/Tooltip.md index 6077fb35c..15256881a 100644 --- a/aspnet/Sparkline/Tooltip.md +++ b/aspnet/Sparkline/Tooltip.md @@ -1,13 +1,13 @@ --- layout: post -title: Tooltip -description: Learn how to add Tooltip to Sparkline . +title: Tooltip support in ASP.NET WebForms Sparkline Control | Syncfusion +description: Learn here about Tooltip support in Syncfusion Essential ASP.NET WebForms Sparkline Control, its elements, and more. platform: aspnet control: Sparkline documentation: ug --- -## Tooltip +# Tooltip in ASP.NET WebForms Sparkline The `Tooltip` follows the pointer movement and is used to indicate the value of a point. This feature is applicable for line, column, pie, and area Sparkline. You can enable the tooltip by setting it’s `Visible` property as true. You can customize the tooltip `Fill`, `Border` and `Font`.