diff --git a/aspnetmvc/Button/Getting-Started.md b/aspnetmvc/Button/Getting-Started.md index 9f792667..ee338e17 100644 --- a/aspnetmvc/Button/Getting-Started.md +++ b/aspnetmvc/Button/Getting-Started.md @@ -202,7 +202,7 @@ Essential ASP.NET MVC Button control contains built-in features like Click and d -![](Getting-Started_images/Getting-Started_img1.png) +![Create multimedia player in ASP.NET MVC Button](Getting-Started_images/Getting-Started_img1.png) Multimedia Player Control {:.caption} diff --git a/aspnetmvc/Captcha/Enabling-Validation.md b/aspnetmvc/Captcha/Enabling-Validation.md index 0b122a06..70a5c6ed 100644 --- a/aspnetmvc/Captcha/Enabling-Validation.md +++ b/aspnetmvc/Captcha/Enabling-Validation.md @@ -47,7 +47,7 @@ The following code example is used to render the Captcha with Auto-Validation su 2. The following screenshot illustrates the Captcha with Auto-Validation support. -![](Enabling-Validation_images/Enabling-Validation_img2.png) +![Auto validation in ASP.NET MVC Captcha](Enabling-Validation_images/Enabling-Validation_img2.png) Captcha with auto validation support {:.caption} @@ -88,7 +88,7 @@ The following code example is used to render the Captcha with manual validation. 2. The following screenshot illustrates the Captcha with manual validation support. -![](Enabling-Validation_images/Enabling-Validation_img3.png) +![Validation by method in ASP.NET MVC Captcha](Enabling-Validation_images/Enabling-Validation_img3.png) Captcha validation by method {:.caption} @@ -122,7 +122,7 @@ The following code example is used to render the Captcha with Case sensitive val 2. The following screenshot illustrates the Captcha with Case sensitive validation support. -![](Enabling-Validation_images/Enabling-Validation_img4.png) +![Case sensitive validation in ASP.NET MVC Captcha](Enabling-Validation_images/Enabling-Validation_img4.png) Captcha with Case sensitive validation support {:.caption} diff --git a/aspnetmvc/Chart/Data-Markers.md b/aspnetmvc/Chart/Data-Markers.md index 0c444211..5b09303c 100644 --- a/aspnetmvc/Chart/Data-Markers.md +++ b/aspnetmvc/Chart/Data-Markers.md @@ -1,13 +1,13 @@ --- layout: post -title: Markers and data labels in Essential ASP.NET MVC Chart -description: Learn how to add markers and data point labels to a Chart series. +title: Markers and data labels in ASP.NET MVC Chart Control | Syncfusion +description: Learn how to add markers and data point labels to a Chart series in Syncfusion Essential ASP.NET MVC Chart Control, its elements, and more. platform: ejmvc control: Chart documentation: ug --- -# Data Markers +# Data Markers in ASP.NET MVC 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. @@ -46,7 +46,7 @@ The following code example explains on how to enable series marker and add shape {% endhighlight %} -![](Data-Markers_images/Data-Markers_img1.png) +![Add shapes in ASP.NET MVC Chart](Data-Markers_images/Data-Markers_img1.png) ## Add image as marker @@ -76,7 +76,7 @@ The following code example illustrates this, {% endhighlight %} -![](Data-Markers_images/Data-Markers_img2.png) +![Add image as marker in ASP.NET MVC Chart](Data-Markers_images/Data-Markers_img2.png) ## Add labels @@ -110,7 +110,7 @@ The following code example shows how to enable data label and set its horizontal {% endhighlight %} -![](Data-Markers_images/Data-Markers_img3.png) +![Add labels in ASP.NET MVC Chart](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. @@ -169,7 +169,7 @@ The following code example shows how to add background shapes and set template t {% endhighlight %} -![](Data-Markers_images/Data-Markers_img4.png) +![Background shapes in ASP.NET MVC Chart](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. @@ -203,7 +203,7 @@ The following code example shows how to rotate data label text and customize the {% endhighlight %} -![](Data-Markers_images/Data-Markers_img5.png) +![Rotate data label text and customize the font in ASP.NET MVC Chart](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. @@ -235,7 +235,7 @@ The following code example shows how to set textPosition to display data label i {% endhighlight %} -![](Data-Markers_images/Data-Markers_img6.png) +![Set text position in ASP.NET MVC Chart](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, . @@ -277,17 +277,17 @@ The following code example shows how to set the LabelPosition, {% endhighlight %} -![](Data-Markers_images/Data-Markers_img7.png) +![Set label position in ASP.NET MVC Chart](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) +![Label position set as inside in ASP.NET MVC Chart](/js/Chart/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) +![Label position set as outside extended in ASP.NET MVC Chart](Data-Markers_images/Data-Markers_img9.png) The label can be wrapped for pie, doughnut, funnel, and pyramid series by setting the enableWrap property. @@ -313,7 +313,7 @@ The label can be wrapped for pie, doughnut, funnel, and pyramid series by settin {% endhighlight %} -![](Data-Markers_images/Data-Markers_img13.png) +![Setting the enable wrap property in ASP.NET MVC Chart](Data-Markers_images/Data-Markers_img13.png) ## Binding label from the datasource @@ -442,7 +442,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) +![Customize specific points in ASP.NET MVC Chart](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, @@ -501,7 +501,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) +![Customizing the points in the series rendering in ASP.NET MVC Chart](Data-Markers_images/Data-Markers_img10.png) ## Connect Line @@ -536,7 +536,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) +![Connect line in ASP.NET MVC Chart](Data-Markers_images/Data-Markers_img11.png) ## Smart labels @@ -570,7 +570,7 @@ The following code example shows how to enable smart labels, {% endhighlight %} -![](Data-Markers_images/Data-Markers_img12.png) +![Smart labels in ASP.NET MVC Chart](Data-Markers_images/Data-Markers_img12.png) [Click](https://mvc.syncfusion.com/demos/web/chart/pie) here to view the SmartLabel online demo sample. \ No newline at end of file diff --git a/aspnetmvc/Diagram/Exporting.md b/aspnetmvc/Diagram/Exporting.md index c13389f3..abcf668a 100644 --- a/aspnetmvc/Diagram/Exporting.md +++ b/aspnetmvc/Diagram/Exporting.md @@ -1,13 +1,13 @@ --- layout: post -title: Export Diagram content as image/svg files -description: How to export the Diagram as image/svg? +title: Export Diagram content in ASP.NET MVC Diagram Control | Syncfusion +description: Learn here about how to export the Diagram as image/svg in Syncfusion Essential ASP.NET MVC Diagram Control, its elements, and more. platform: ejmvc control: Diagram documentation: ug --- -# Exporting +# Exporting in ASP.NET MVC Diagram Diagram provides support to export its content as image/svg files. The client side method `exportDiagram` helps to export the Diagram. The following code illustrates how to export the Diagram as image. @@ -20,7 +20,7 @@ diagram.exportDiagram(); {% endhighlight %} -![](Exporting_images/Exporting_img1.png) +![Exporting diagram as image or svg in ASP.NET MVC Diagram](Exporting_images/Exporting_img1.png) ## Exporting options diff --git a/aspnetmvc/Diagram/Shapes.md b/aspnetmvc/Diagram/Shapes.md index 9db36127..04e53969 100644 --- a/aspnetmvc/Diagram/Shapes.md +++ b/aspnetmvc/Diagram/Shapes.md @@ -1,13 +1,13 @@ --- layout: post -title: Pick the type of node among the predefined nodes and shapes -description: How to choose the type of the node with respect to the requirement? +title: Pick the type of node in ASP.NET MVC Diagram Control | Syncfusion +description: Learn here about how to choose the type of node with respect to the requirement in Syncfusion Essential ASP.NET MVC Diagram Control, its elements, and more. platform: ejmvc control: Diagram documentation: ug --- -# Shapes +# Shapes in ASP.NET MVC Diagram Diagram provides support to add different kind of nodes. They are as follows. @@ -40,7 +40,7 @@ Texts can be added to the Diagram as text nodes. For text nodes, the text node c {% endhighlight %} -![](Shapes_images/Shapes_img59.png) +![Text in ASP.NET MVC Diagram](Shapes_images/Shapes_img59.png) ## Image Diagram allows to add images as image nodes. For image nodes,the **image** node can be created with ImageNode class. In addition, the `Source` property of node enables you to set the image source. The following code illustrates how an **Image** node is created. @@ -60,7 +60,7 @@ Diagram allows to add images as image nodes. For image nodes,the **image** node {% endhighlight %} -![](Shapes_images/Shapes_img60.png) +![Image in ASP.NET MVC Diagram](Shapes_images/Shapes_img60.png) Deploy your HTML file in the web Application and export the diagram (image node) or else the image node will not be exported in the chrome and Firefox due to security issues. Please refer to the link below. @@ -101,7 +101,7 @@ Link1: http://stackoverflow.com/questions/4761711/local-image-in-canvas-in-chrom {% endhighlight %} -![](Shapes_images/Shapes_img61.png) +![HTML in ASP.NET MVC Diagram](Shapes_images/Shapes_img61.png) N> HTML node cannot be exported to image format, like JPEG, PNG, and BMP. It is by design that while exporting, Diagram is drawn in a canvas. Further, this canvas is exported into image formats. Currently, drawing in a canvas equivalent from all possible HTML is not feasible. Hence, this limitation. @@ -142,7 +142,7 @@ N> HTML node cannot be exported to image format, like JPEG, PNG, and BMP. It is {% endhighlight %} -![](Shapes_images/Shapes_img62.png) +![Native in ASP.NET MVC Diagram](Shapes_images/Shapes_img62.png) N> Like HTML node, Native node also cannot be exported to image format. Fill color of native node can be overridden by the inline style or fill of the SVG element specified in the template. @@ -171,7 +171,7 @@ The following code example illustrates how to create a basic shape. {% endhighlight %} -![](Shapes_images/Shapes_img1.png) +![Basic shapes in ASP.NET MVC Diagram](Shapes_images/Shapes_img1.png) N> When the `Shape` is not set for a basic shape, it is considered a "rectangle". @@ -202,11 +202,11 @@ Path node is a commonly used basic shape that allows visually to represent the g {% endhighlight %} -![](Shapes_images/Shapes_img58.png) +![Path in ASP.NET MVC Diagram](Shapes_images/Shapes_img58.png) The list of basic shapes are as follows. -![](Shapes_images/Shapes_img2.png) +![List of basic shapes in ASP.NET MVC Diagram](Shapes_images/Shapes_img2.png) ## Flow Shapes @@ -228,11 +228,11 @@ The flow shapes are used to represent the process flow. It is used for analyzing {% endhighlight %} -![](Shapes_images/Shapes_img3.png) +![Flow shapes in ASP.NET MVC Diagram](Shapes_images/Shapes_img3.png) The list of flow shapes are as follows. -![](Shapes_images/Shapes_img4.png) +![List of flow shapes in ASP.NET MVC Diagram](Shapes_images/Shapes_img4.png) ## BPMN Shapes @@ -258,7 +258,7 @@ BPMN shapes are used to represent the internal business procedure in a graphical {% endhighlight %} -![](Shapes_images/Shapes_img5.png) +![BPMN shapes in ASP.NET MVC Diagram](Shapes_images/Shapes_img5.png) N> The default value for the property `Shape` is "Event". @@ -309,7 +309,7 @@ The `Event` property of the node allows you to define the type of the event. The {% endhighlight %} -![](Shapes_images/Shapes_img12.png) +![Event in ASP.NET MVC Diagram](Shapes_images/Shapes_img12.png) | Event | Image | |---|---| @@ -361,7 +361,7 @@ Gateway is used to control the flow of a process. It is represented as a diamond {% endhighlight %} -![](Shapes_images/Shapes_img27.png) +![Getaway in ASP.NET MVC Diagram](Shapes_images/Shapes_img27.png) N> By default, the `Gateway` will be set as "None". @@ -410,7 +410,7 @@ To create a BPMN activity, you need to set the `Shape` as "Activity". You also n {% endhighlight %} -![](Shapes_images/Shapes_img33.png) +![Activity in ASP.NET MVC Diagram](Shapes_images/Shapes_img33.png) The different activities of BPMN process are listed as follows. @@ -445,7 +445,7 @@ The `Task` property of node allows you to define the `Type` of task such as send {% endhighlight %} -![](Shapes_images/Shapes_img34.png) +![Tasks in ASP.NET MVC Diagram](Shapes_images/Shapes_img34.png) The various types of BPMN tasks are tabulated as follows. @@ -502,7 +502,7 @@ Loop is a task that is internally being looped. The `Loop` property of task allo {% endhighlight %} -![](Shapes_images/Shapes_img43.png) +![Loop in ASP.NET MVC Diagram](Shapes_images/Shapes_img43.png) The following table contains various types of BPMN loops. @@ -554,7 +554,7 @@ Compensation is triggered when operation is partially failed and you can enable Model.Nodes.Add(Node); {% endhighlight %} -![](Shapes_images/Shapes_img50.png) +![Compensation in ASP.NET MVC Diagram](Shapes_images/Shapes_img50.png) #### Call @@ -579,7 +579,7 @@ A call activity is a global sub-process that is reused at various points of the {% endhighlight %} -![](Shapes_images/Shapes_img51.png) +![Call in ASP.NET MVC Diagram](Shapes_images/Shapes_img51.png) #### Ad-Hoc @@ -604,7 +604,7 @@ An ad hoc subprocess is a group of tasks that are executed in any order or skipp {% endhighlight %} -![](Shapes_images/Shapes_img52.png) +![Ad-Hoc in ASP.NET MVC Diagram](Shapes_images/Shapes_img52.png) #### Boundary @@ -658,7 +658,7 @@ A data object represents information flowing through the process, such as data p {% endhighlight %} -![](Shapes_images/Shapes_img56.png) +![Data in ASP.NET MVC Diagram](Shapes_images/Shapes_img56.png) ### Datasource @@ -681,4 +681,4 @@ DataSource is used to store or access data associated with a business process. T {% endhighlight %} -![](Shapes_images/Shapes_img57.png) +![DataSource in ASP.NET MVC Diagram](Shapes_images/Shapes_img57.png) diff --git a/aspnetmvc/DropDownList/DataBinding.md b/aspnetmvc/DropDownList/DataBinding.md index 2f7126fd..0901b419 100644 --- a/aspnetmvc/DropDownList/DataBinding.md +++ b/aspnetmvc/DropDownList/DataBinding.md @@ -1,7 +1,7 @@ --- layout: post -title: Data binding in DropDownList control for Syncfusion ASP.NET MVC -description: Describes about the data binding in DropDownList control for Syncfusion ASP.NET MVC +title: Data binding in ASP.NET MVC DropDownList Control | Syncfusion +description: Learn here about data binding in Syncfusion Essential ASP.NET MVC DropDownList Control, its elements, and more. platform: ejmvc control: DropDownList documentation: ug @@ -9,7 +9,7 @@ keywords: DropDownList, dropdown, data binding, Local data, Remote data --- -# Data Binding +# Data Binding in ASP.NET MVC DropDownList To populate data in the DropDownList control, define DataSource property with associated fields. You can bind any list data and other remote services in the DropDownList. @@ -239,7 +239,7 @@ N> The columns are bounded automatically when the fields are specified with the {% endtabs %} -![](DataBinding_images/DataBinding_img1.jpeg) +![Local data in ASP.NET MVC DropDownList](DataBinding_images/DataBinding_img1.jpeg) N> Images for this sample are available in (installed location)\Syncfusion\Essential Studio\{{ site.releaseversion }}\JavaScript\samples\web\themes\images
@@ -521,7 +521,7 @@ To create LINQ to SQL classes • In Server Explorer, drag the database table into the Object Relational Designer window. • The table and its columns are represented as an entity in the designer window. -![](DataBinding_images/LinqtoSql.jpg) +![LINQ to SQL data binding in ASP.NET MVC DropDownList](DataBinding_images/LinqtoSql.jpg) In code behind, fetch the data from classes and stored it to the ViewBag as follows @@ -537,7 +537,7 @@ In code behind, fetch the data from classes and stored it to the ViewBag as foll {% endhighlight %} -![](DataBinding_images/LinqtoSql2.jpg) +![View bag in ASP.NET MVC DropDownList](DataBinding_images/LinqtoSql2.jpg) ## Remote data @@ -568,7 +568,7 @@ For further details about OData service please refer [the link](https://www.odat {% endhighlight %} -![](DataBinding_images/DataBinding_img2.jpeg) +![OData version 4 in ASP.NET MVC DropDownList](DataBinding_images/DataBinding_img2.jpeg) N> Events associated with remote data bind is listed [here](https://help.syncfusion.com/js/api/ejdropdownlist#events). @@ -599,7 +599,7 @@ Using WebApiAdaptor, you can bind WebApi service’s data to DropDownList. The d {% endhighlight %} -![](DataBinding_images/DataBinding_img3.jpeg) +![WebAPI in ASP.NET MVC DropDownList](DataBinding_images/DataBinding_img3.jpeg) ## Virtual Scrolling diff --git a/aspnetmvc/DropDownList/Getting-Started.md b/aspnetmvc/DropDownList/Getting-Started.md index 9560627e..95a5a168 100644 --- a/aspnetmvc/DropDownList/Getting-Started.md +++ b/aspnetmvc/DropDownList/Getting-Started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with ASP.NET MVC DropDownList control | Syncfusion +title: Getting Started with ASP.NET MVC DropDownList Control | Syncfusion description: Learn here more about getting started with Syncfusion Essential ASP.NET MVC DropdownList Control, its elements, and more. platform: ejmvc control: DropDownList @@ -24,7 +24,7 @@ keywords: DropDownList, dropdown, Populating data 3. Execute the code and get a empty DropDownList control as below -![](Getteing-Started_images/Getteing-Started_img1.jpeg) +![Creating DropDownList in MVC application](Getteing-Started_images/Getteing-Started_img1.jpeg) ## Populating data @@ -61,7 +61,7 @@ The DropDownList can be bounded to any local list data and remote data services. Execute the code and to get a DropDownList control with data bound from controller -![](Getteing-Started_images/Getteing-Started_img2.jpeg) +![Populating data in ASP.NET MVC DropDown List](Getteing-Started_images/Getteing-Started_img2.jpeg) ## Setting Dimensions diff --git a/aspnetmvc/Menu/Context-Menu.md b/aspnetmvc/Menu/Context-Menu.md index 60a96ff3..54803281 100644 --- a/aspnetmvc/Menu/Context-Menu.md +++ b/aspnetmvc/Menu/Context-Menu.md @@ -1,13 +1,13 @@ --- layout: post -title: Context Menu | Menu | ASP.NET MVC | Syncfusion -description: context menu +title: Context Menu in ASP.NET MVC Menu Control | Syncfusion +description: Learn here about context menu support in Syncfusion Essential ASP.NET MVC Menu Control, its elements, and more. platform: ejmvc control: Menu documentation: ug --- -# Context Menu +# Context Menu in ASP.NET MVC Menu A context menu is a type of menu in a graphical user interface (GUI) that appears when you perform right click operation. In this Menu control you can use a context menu by specifying the type of menu as ContextMenu. A context also provides support for nested level of menu items. @@ -102,7 +102,7 @@ In the following example, a context menu for the division containing text is cre The following screen shot displays the output of the above code. -![](Context-Menu_images/Context-Menu_img1.png) +![Context menu in ASP.NET MVC Menu](Context-Menu_images/Context-Menu_img1.png) Context Menu {:.caption} diff --git a/aspnetmvc/Ribbon/Screen-Tips.md b/aspnetmvc/Ribbon/Screen-Tips.md index e1982099..b0f4b68b 100644 --- a/aspnetmvc/Ribbon/Screen-Tips.md +++ b/aspnetmvc/Ribbon/Screen-Tips.md @@ -1,14 +1,14 @@ --- layout: post -title: Screen Tips in ASP.NET MVC Ribbon | Syncfusion -description: Learn here about screen tips with Syncfusion Essential ASP.NET MVC Ribbon control, its elements, and more. +title: Screen Tips in ASP.NET MVC Ribbon Control | Syncfusion +description: Learn here about screen tips in Syncfusion Essential ASP.NET MVC Ribbon Control, its elements, and more. platform: ejmvc control: Ribbon documentation: ug keywords: screen tips,ribbon screen tips --- -# Screen Tips +# Screen Tips in ASP.NET MVC Ribbon ScreenTip/Tooltip is used to reduce the controls related Help that are needed to the end user to do control related actions. @@ -55,7 +55,7 @@ Standard `html tooltip` can be set using `ToolTip` property of each group item. {% endhighlight %} -![](Screen-Tips_images/Screen-Tips_img1.png) +![HTML tooltip in ASP.NET MVC Ribbon](Screen-Tips_images/Screen-Tips_img1.png) ## Custom Tooltip @@ -127,7 +127,7 @@ Custom Tooltip is used to set detailed help to the user about the controls. You {% endhighlight %} -![](Screen-Tips_images/Screen-Tips_img2.png) +![Custom tooltips for groups in ASP.NET MVC Ribbon](Screen-Tips_images/Screen-Tips_img2.png) ### For Gallery @@ -264,4 +264,4 @@ N> Custom gallery item `Menu` is not supported to Custom tooltip. {% endhighlight %} -![](Screen-Tips_images/Screen-Tips_img3.png) \ No newline at end of file +![Custom tooltips for gallery in ASP.NET MVC Ribbon](Screen-Tips_images/Screen-Tips_img3.png) \ No newline at end of file