diff --git a/aspnetmvc/Button/Button-Type.md b/aspnetmvc/Button/Button-Type.md index 59747e971..258f330ed 100644 --- a/aspnetmvc/Button/Button-Type.md +++ b/aspnetmvc/Button/Button-Type.md @@ -1,13 +1,13 @@ --- layout: post -title: Button Type | Button | ASP.NET MVC | Syncfusion -description: button type +title: Button Type in ASP.NET MVC Button control | Syncfusion +description: Learn here more about Button Type in Syncfusion Essential ASP.NET MVC Button Control, its elements, and more. platform: ejmvc control: Button documentation: ug --- -# Button Type +# Button Type in ASP.NET MVC Button Button is used as normal click able button, submitting form data, resetting the form data to its initial value. According to the usage of button, you can render the button in three types. Using the Type property, you can easily render the button in following types. @@ -62,7 +62,7 @@ The following steps explains you the details about rendering the Button with abo Execute the above code to render the following output. -![](Button-Type_images/Button-Type_img1.png) +![Button Type in ASP.NET MVC Button](Button-Type_images/Button-Type_img1.png) Different button types {:.caption} diff --git a/aspnetmvc/Captcha/Getting-Started.md b/aspnetmvc/Captcha/Getting-Started.md index 6c8c8384e..40fd41f7d 100644 --- a/aspnetmvc/Captcha/Getting-Started.md +++ b/aspnetmvc/Captcha/Getting-Started.md @@ -1,19 +1,19 @@ --- layout: post -title: Getting Started | Captcha | ASP.NET MVC | Syncfusion -description: getting started +title: Getting Started with ASP.NET MVC Captcha control | Syncfusion +description: Learn here more about Getting Started with Syncfusion Essential ASP.NET MVC Captcha Control, its element and more. platform: ejmvc control: Captcha documentation: ug --- -# Getting Started +# Getting Started with ASP.NET MVC Captcha ## Create your first Captcha in ASP.NET MVC This section enables you to configure the Captcha control in your ASP.NET MVC application and also in learning how to use captcha with auto validation in Web Forms. -![](Getting-Started_images/Getting-Started_img1.png) +![Create your first Captcha in ASP.NET MVC ](Getting-Started_images/Getting-Started_img1.png) Captcha control with AutoValidation {:.caption} @@ -80,7 +80,7 @@ N> Version=XX.XXXX.X.X - It will vary depend up on .NET Framework version and Es The following screen shot displays the output of the above codes. -![](Getting-Started_images/Getting-Started_img2.png) +![Web.config file for Captcha image in ASP.NET MVC](Getting-Started_images/Getting-Started_img2.png) Captcha control with initial render {:.caption} @@ -120,7 +120,7 @@ The Captcha control supports captcha in the form of audio and when you click the The following screenshot displays the output of the above codes. -![](Getting-Started_images/Getting-Started_img3.png) +![Captcha with Audio and Refresh in ASP.NET MVC](Getting-Started_images/Getting-Started_img3.png) Captcha control with refresh and audio support {:.caption} @@ -409,12 +409,12 @@ The Captcha supports automatic validation by enabling the property EnableAutoVa The following screenshot is the output for the above code example. -![](Getting-Started_images/Getting-Started_img4.png) +![Captcha with failed AutoValidation in ASP.NET MVC](Getting-Started_images/Getting-Started_img4.png) Captcha control with failed Auto Validation {:.caption} -![](Getting-Started_images/Getting-Started_img5.png) +![Captcha with successful AutoValidation in ASP.NET MVC](Getting-Started_images/Getting-Started_img5.png) Captcha control with successful AutoValidation {:.caption} diff --git a/aspnetmvc/Chart/Axis.md b/aspnetmvc/Chart/Axis.md index 2e31b9bb5..45dc3295c 100644 --- a/aspnetmvc/Chart/Axis.md +++ b/aspnetmvc/Chart/Axis.md @@ -1,13 +1,13 @@ --- layout: post -title: Chart Axis |Chart | ASP.NET MVC | Syncfusion -description: How to customize the grid lines, tick lines, labels and title of chart axis +title: Chart Axis in ASP.NET MVC Chart Control | Syncfusion +description: Learn here more about axis support in Syncfusion Essential ASP.NET MVC Chart Control, its elements, and more. platform: ejmvc control: Chart documentation: ug --- -# Axis +# Axis in Essential ASP.NET MVC Chart **Charts** typically have two axes that are used to measure and categorize data: a vertical (y) axis, and a horizontal (x) axis. @@ -40,10 +40,10 @@ Category axis displays the text labels instead of numbers. To use the categorica {% endhighlight %} -![](Axis_images/axis_img1.png) +![Category axis in ASP NET MVC Chart](Axis_images/axis_img1.png) -[Click](http://mvc.syncfusion.com/demos/web/chart/column) here to view our online demo sample that uses Category axis. +[Click](https://ej2.syncfusion.com/aspnetmvc/Chart/CategoryAxis#/bootstrap5) here to view our online demo sample that uses Category axis. ### Place labels on ticks @@ -66,7 +66,7 @@ Labels in the category axis can be placed on the ticks by setting the **LabelPla {% endhighlight %} -![](Axis_images/axis_img2.png) +![Place labels on ticks in ASP NET MVC Chart](Axis_images/axis_img2.png) ### Display labels after a fixed interval @@ -89,7 +89,7 @@ To display the labels after a fixed interval n, you can set the **Interval** pro {% endhighlight %} -![](Axis_images/axis_img3.png) +![Display labels after a fixed interval in ASP NET MVC Chart](Axis_images/axis_img3.png) ### Indexed Category Axis @@ -119,11 +119,11 @@ Category axis can also plot points based on index value of data points. Index ba {% endhighlight %} -![](Axis_images/axis_img50.png) +![Indexed Category Axis in ASP NET MVC Chart](Axis_images/axis_img50.png) **While Category axis IsIndexed value false** -![](Axis_images/axis_img51.png) +![Category axis is indexed value false in ASP NET MVC Chart](Axis_images/axis_img51.png) ## Numeric Axis @@ -146,7 +146,7 @@ Numeric axis uses numerical scale and displays numbers as labels. To use numeric {% endhighlight %} -![](Axis_images/axis_img4.png) +![Numeric axis in ASP NET MVC Chart](Axis_images/axis_img4.png) ### Customize numeric range @@ -170,7 +170,7 @@ To customize the range of an axis, you can use the **Range** property of the axi {% endhighlight %} -![](Axis_images/axis_img5.png) +![Customize numeric range in ASP NET MVC Chart](Axis_images/axis_img5.png) #### Customizing numeric interval @@ -193,7 +193,7 @@ Axis interval can be customized by using the **Interval** property of the axis r {% endhighlight %} -![](Axis_images/axis_img6.png) +![Customizing numeric interval in ASP NET MVC Chart](Axis_images/axis_img6.png) ### Apply padding to the range @@ -225,7 +225,7 @@ When the value of the RangePadding property is **None**, padding can not be appl {% endhighlight %} -![](Axis_images/axis_img7.png) +![Apply padding to the range in ASP NET MVC Chart](Axis_images/axis_img7.png) #### Round @@ -250,12 +250,12 @@ When the value of RangePadding property is **Round**, the axis range is rounded **Chart before rounding axis range** -![](Axis_images/axis_img8.png) +![Chart before rounding axis range in ASP.NET MVC Chart](Axis_images/axis_img8.png) **Chart after rounding axis range** -![](Axis_images/axis_img9.png) +![Chart after rounding axis range in ASP.NET MVC Chart](Axis_images/axis_img9.png) **Additional** @@ -278,7 +278,7 @@ When the value of the RangePadding property is **Additional**, the axis range is {% endhighlight %} -![](Axis_images/axis_img10.png) +![Additional in ASP.NET MVC Chart](Axis_images/axis_img10.png) **Normal** @@ -301,7 +301,7 @@ When the value of the RangePadding property is **Normal**, the padding is applie {% endhighlight %} -![](Axis_images/axis_img11.png) +![Normal in ASP.NET MVC Chart](Axis_images/axis_img11.png) ####Customizing the starting range of the axis @@ -316,7 +316,7 @@ By default the Y axis will be always calculated from the value 0 for column, bar {% endhighlight %} -![](Axis_images/axis_img66.png) +![Start from zero in ASP.NET MVC Chart](Axis_images/axis_img66.png) ## DateTime Axis @@ -339,7 +339,7 @@ Date time axis uses date time scale and displays the date time values as axis la {% endhighlight %} -![](Axis_images/axis_img12.png) +![DateTime axis in ASP.NET MVC Chart](Axis_images/axis_img12.png) [Click](http://mvc.syncfusion.com/demos/web/chart/datetimeaxis) here to view our online demo sample for date time axis. @@ -365,7 +365,7 @@ Date time axis uses date time scale and displays the date time values as axis la {% endhighlight %} -![](Axis_images/axis_img13.png) +![Customizing date time range in ASP.NET MVC Chart](Axis_images/axis_img13.png) ### Date time intervals @@ -398,7 +398,7 @@ Essential Chart supports the following types of interval for date time axis. {% endhighlight %} -![](Axis_images/axis_img14.png) +![Date Time intervals in ASP.NET MVC Chart](Axis_images/axis_img14.png) @@ -429,7 +429,7 @@ When the value of the RangePadding property is **None**, padding is applied to t {% endhighlight %} -![](Axis_images/axis_img15.png) +![Range padding property in ASP.NET MVC Chart](Axis_images/axis_img15.png) **Round** @@ -453,12 +453,12 @@ When the value of the RangePadding property is **Round**, the axis range is roun **Chart before rounding axis range** -![](Axis_images/axis_img16.png) +![Before round in ASP.NET MVC Chart](Axis_images/axis_img16.png) **Chart after rounding axis range** -![](Axis_images/axis_img17.png) +![After round in ASP.NET MVC Chart](Axis_images/axis_img17.png) **Additional** @@ -480,7 +480,7 @@ When the value of the RangePadding property is **Additional**, the range is roun {% endhighlight %} -![](Axis_images/axis_img18.png) +![Minimum range in ASP.NET MVC Chart](Axis_images/axis_img18.png) ## DateTime Category Axis @@ -495,7 +495,7 @@ DateTime category axis takes date time value as input but behaves like category {% endhighlight %} -![](Axis_images/axis_img63.png) +![DateTime Category Axis in ASP.NET MVC Chart](Axis_images/axis_img63.png) [Click](http://mvc.syncfusion.com/demos/web/chart/datetimecategoryaxis) here to view our online demo sample for date time axis. @@ -513,7 +513,7 @@ Axis range can be customized by using the *range* property to set the **Minimum* {% endhighlight %} -![](Axis_images/axis_img64.png) +![Customizing DateTime Category range in ASP.NET MVC Chart](Axis_images/axis_img64.png) ### DateTime Category intervals @@ -537,7 +537,7 @@ Essential Chart supports the following types of interval for date time category {% endhighlight %} -![](Axis_images/axis_img65.png) +![DateTime Category intervals in ASP.NET MVC Chart](Axis_images/axis_img65.png) ## Logarithmic Axis @@ -561,7 +561,7 @@ Logarithmic axis uses logarithmic scale and it is very useful in visualizing whe {% endhighlight %} -![](Axis_images/axis_img19.png) +![Logarithmic Axis in ASP.NET MVC Chart](Axis_images/axis_img19.png) [Click](http://mvc.syncfusion.com/demos/web/chart/logaxis) here to view our online demo sample link for logarithmic axis. @@ -585,7 +585,7 @@ Logarithmic range can be customized by using the Range property of the axis to c {% endhighlight %} -![](Axis_images/axis_img20.png) +![Customize Logarithmic range in ASP.NET MVC Chart](Axis_images/axis_img20.png) ### Logarithmic base @@ -607,7 +607,7 @@ Logarithmic base can be customized by using the **LogBase** property of the axis {% endhighlight %} -![](Axis_images/axis_img21.png) +![Logarithmic base in ASP.NET MVC Chart](Axis_images/axis_img21.png) ### Logarithmic interval @@ -630,7 +630,7 @@ Logarithmic axis interval can be customized by using the Interval property of th {% endhighlight %} -![](Axis_images/axis_img22.png) +![Logarithmic interval in ASP.NET MVC Chart](Axis_images/axis_img22.png) ## Label Format @@ -655,7 +655,7 @@ Numeric labels can be formatted by using the **LabelFormat** property. Numeric v {% endhighlight %} -![](Axis_images/axis_img23.png) +![Label format in ASP.NET MVC Chart](Axis_images/axis_img23.png) The following table describes the result of applying some commonly used label formats on numeric values. @@ -738,7 +738,7 @@ Date time labels can be formatted by using the **LabelFormat** property of the a {% endhighlight %} -![](Axis_images/axis_img24.png) +![Format date time values in ASP.NET MVC Chart](Axis_images/axis_img24.png) The following table describes the result of applying some common date time formats to the labelFormat property @@ -808,7 +808,7 @@ Prefix and suffix can be added to the category labels by using the LabelFormat p {% endhighlight %} -![](Axis_images/axis_img25.png) +![Custom label format in ASP.NET MVC Chart](Axis_images/axis_img25.png) ## Common axis features @@ -835,7 +835,7 @@ Axis can be positioned anywhere in chart area using the **CrossesAt** property o {% endhighlight %} -![](Axis_images/axis_img52.png) +![Axis Crossing in ASP.NET MVC Chart](Axis_images/axis_img52.png) #### Crossing a specific Axis @@ -859,7 +859,7 @@ The **CrossesInAxis** property takes axis name as input and determines the axis {% endhighlight %} -![](Axis_images/axis_img53.png) +![Crossing a specific Axis in ASP.NET MVC Chart](Axis_images/axis_img53.png) Axis will be placed in the opposite side if value of *CrossesAt* property is greater than the maximum value of crossing axis (axis name provided through *CrossesInAxis* property or primary Y axis for horizontal axis). @@ -879,7 +879,7 @@ Axis will be placed in the opposite side if value of *CrossesAt* property is gre {% endhighlight %} -![](Axis_images/axis_img54.png) +![Crrosses in axisin in ASP.NET MVC Chart](Axis_images/axis_img54.png) #### Positioning the axis elements while crossing @@ -903,7 +903,7 @@ The `ShowNextToAxisLine` property is used for controlling the axis elements move The axis is placed at the crossing value without the axis elements -![](Axis_images/axis_img67.png) +![Positioning the axis elements while crossing in ASP.NET MVC Chart](Axis_images/axis_img67.png) ### Axis Visibility @@ -926,7 +926,7 @@ Axis visibility can be controlled by using the **Visible** property of the axis. {% endhighlight %} -![](Axis_images/axis_img26.png) +![Axis visibility property in ASP.NET MVC Chart](Axis_images/axis_img26.png) ### Axis title @@ -955,7 +955,7 @@ The **Title** property in the axis provides options to customize the text and fo {% endhighlight %} -![](Axis_images/axis_img27.png) +![Axis title in ASP.NET MVC Chart](Axis_images/axis_img27.png) You can modify the position of the axis title either inside or outside the chart area using the property **Position**. By default, it will be placed outside the chart area. In addition, you can also change the alignment of the title to near, far and center by **Alignment** property, using **Offset** property you can change the position with respect to pixels. @@ -968,7 +968,7 @@ You can modify the position of the axis title either inside or outside the chart {% endhighlight %} -![](Axis_images/axis_img62.png) +![Position in ASP.NET MVC Chart](Axis_images/axis_img62.png) ### Label customization @@ -993,7 +993,7 @@ The **Font** property of the axis provides options to customize the FontFamily, {% endhighlight %} -![](Axis_images/axis_img28.png) +![Label customization in ASP.NET MVC Chart](Axis_images/axis_img28.png) #### Axis Labels Line Break @@ -1025,7 +1025,7 @@ For category value type, **
** can be specified in x value of data points. {% endhighlight %} -![](Axis_images/axis_img68.png) +![Axis Labels Line Break in ASP.NET MVC Chart](Axis_images/axis_img68.png) For numeric, datetime and datetimeCategory value type, **
** can be specified in labelFormat. @@ -1043,7 +1043,7 @@ For numeric, datetime and datetimeCategory value type, **
** can be specified {% endhighlight %} -![](Axis_images/axis_img69.png) +![Vallues in ASP.NET MVC Chart](Axis_images/axis_img69.png) ### Label and tick positioning @@ -1065,7 +1065,7 @@ Axis labels and ticks can be positioned inside or outside the chart area by usin {% endhighlight %} -![](Axis_images/axis_img29.png) +![Label and tick positioning in ASP.NET MVC Chart](Axis_images/axis_img29.png) ### Edge labels placement @@ -1090,12 +1090,12 @@ Labels with long text at the edges of an axis may appear partially outside the c **Chart before setting edge label placement to X-axis** -![](Axis_images/axis_img30.png) +![Chart before setting edge label placement to X-axis in ASP.NET MVC Chart](Axis_images/axis_img30.png) **Chart after setting edge label placement to X-axis** -![](Axis_images/axis_img31.png) +![Chart before setting edge label placement to X-axis in ASP.NET MVC Chart](Axis_images/axis_img31.png) ### Grid lines customization @@ -1120,7 +1120,7 @@ The **MajorGridLines** and **MinorGridLines** properties in the axis are used to {% endhighlight %} -![](Axis_images/axis_img32.png) +![Grid lines customization in ASP.NET MVC Chart](Axis_images/axis_img32.png) ### Tick lines customization @@ -1145,7 +1145,7 @@ The **MajorTickLines** and **MinorTickLines** properties in the axis are used to {% endhighlight %} -![](Axis_images/axis_img33.png) +![Tick lines customization in ASP.NET MVC Chart](Axis_images/axis_img33.png) ### Inversing axis @@ -1170,12 +1170,12 @@ Axis can be inversed by using the **IsInversed** property of the axis. The defau **Chart before inversing the axes** -![](Axis_images/axis_img34.png) +![Chart before inversing the axes in ASP.NET MVC Chart](Axis_images/axis_img34.png) **Chart after inversing the axes** -![](Axis_images/axis_img35.png) +![Chart after inversing the axes in ASP.NET MVC Chart](Axis_images/axis_img35.png) ### Place axes at the opposite side @@ -1200,12 +1200,12 @@ The **OpposedPosition** property of axis can be used to place the axis at the op **Chart with X and Y axes at normal position** -![](Axis_images/axis_img36.png) +![Chart with X and Y axes at normal position in ASP.NET MVC Chart](Axis_images/axis_img36.png) **Chart with Y-axis at opposed position** -![](Axis_images/axis_img37.png) +![Chart with Y-axis at opposed position in ASP.NET MVC Chart](Axis_images/axis_img37.png) ### Maximum number of labels per 100 pixels @@ -1230,12 +1230,12 @@ A maximum of 3 labels are displayed for each 100 pixels in the axis, by default. **Chart before setting maximum labels per 100 pixels** -![](Axis_images/axis_img38.png) +![Chart before setting maximum labels per 100 pixels in ASP.NET MVC Chart](Axis_images/axis_img38.png) **Chart after setting maximum labels one per 100 pixels** -![](Axis_images/axis_img39.png) +![Chart after setting maximum labels one per 100 pixels in ASP.NET MVC Chart](Axis_images/axis_img39.png) @@ -1243,7 +1243,7 @@ A maximum of 3 labels are displayed for each 100 pixels in the axis, by default. Multiple axes can be used in the Chart and chart area can be split into multiple panes to draw multiple series with multiple axes. -![](Axis_images/axis_img40.png) +![Multiple Axis in ASP.NET MVC Chart](Axis_images/axis_img40.png) An additional horizontal or vertical axis can be added to the chart by adding an axis instance to the **Axes** collection and then you can associate it to a series by specifying the name of the axis to the **XAxisName** or **YAxisName** property of the series. @@ -1271,7 +1271,7 @@ An additional horizontal or vertical axis can be added to the chart by adding an -![](Axis_images/axis_img41.png) +![Adding axis in ASP.NET MVC Chart](Axis_images/axis_img41.png) [Click](http://mvc.syncfusion.com/demos/web/chart/multipleaxes) here to view the multiple axis online demo sample. @@ -1297,7 +1297,7 @@ When the Axis labels overlap with each other based on the chart dimensions and l -![](Axis_images/axis_img42.png) +![Smart Axis Labels in ASP.NET MVC Chart](Axis_images/axis_img42.png) [Click](http://mvc.syncfusion.com/demos/web/chart/smartaxislabels) here to view our online demo sample for smart axis labels. @@ -1306,37 +1306,37 @@ When the Axis labels overlap with each other based on the chart dimensions and l The following screenshot displays the result, when the LabelIntersectAction property is set as **Rotate45**. -![](Axis_images/axis_img43.png) +![Rotate 45 in ASP.NET MVC Chart](Axis_images/axis_img43.png) The following screenshot displays the result, when the LabelIntersectAction property is set as **Rotate90**. -![](Axis_images/axis_img44.png) +![Rotate 90 in ASP.NET MVC Chart](Axis_images/axis_img44.png) The following screenshot displays the result, when the LabelIntersectAction property is set as **Wrap**. -![](Axis_images/axis_img45.png) +![Wrap in ASP.NET MVC Chart](Axis_images/axis_img45.png) The following screenshot displays the result, when of setting the **trim** as value to the LabelIntersectAction property. -![](Axis_images/axis_img46.png) +![Trim in ASP.NET MVC Chart](Axis_images/axis_img46.png) The following screenshot displays the result, when the LabelIntersectAction property is set as **Hide**. -![](Axis_images/axis_img47.png) +![Hide in ASP.NET MVC Chart](Axis_images/axis_img47.png) The following screenshot displays the result, when the LabelIntersectAction property is set as **MultipleRows **. -![](Axis_images/axis_img48.png) +![Multiple Rows in ASP.NET MVC Chart](Axis_images/axis_img48.png) The following screenshot displays the result, when the LabelIntersectAction property is set as **WrapByWord**. -![](/js/Chart/Axis_images/axis_img49.png) +![Wrap By Word in ASP.NET MVC Chart](/js/Chart/Axis_images/axis_img49.png) ## Multi-level Labels Axis can be customized with multiple levels of labels using the **MultiLevelLabels** property. These labels are placed based on the start and end range values and we can add any number of labels to an axis. @@ -1351,7 +1351,7 @@ Axis can be customized with multiple levels of labels using the **MultiLevelLabe {% endhighlight %} -![](Axis_images/axis_img57.png) +![Multi-level Labels in ASP.NET MVC Chart](Axis_images/axis_img57.png) ### Customizing the multi-Level labels The color, width and type of the border can be customized. The default border type is **Rectangle**. And the other supported border types are namely brace, curly brace, without top/bottom border and none. @@ -1366,7 +1366,7 @@ The color, width and type of the border can be customized. The default border ty {% endhighlight %} -![](Axis_images/axis_img58.png) +![Customizing the multi-Level labels in ASP.NET MVC Chart](Axis_images/axis_img58.png) The text of the labels can be customized using the **Text** and **Font** properties @@ -1380,7 +1380,7 @@ The text of the labels can be customized using the **Text** and **Font** propert {% endhighlight %} -![](Axis_images/axis_img59.png) +![Text in ASP.NET MVC Chart](Axis_images/axis_img59.png) You can change the alignment of the text to far, near and center position using the **TextAlignment** property. By default, the text will be center aligned. @@ -1394,7 +1394,7 @@ You can change the alignment of the text to far, near and center position using {% endhighlight %} -![](Axis_images/axis_img60.png) +![Text alignment in ASP.NET MVC Chart](Axis_images/axis_img60.png) You can trim, wrap or wrapAndTrim the text if it exceeds the maximum text width value using the property **TextOverflow** @@ -1410,7 +1410,7 @@ You can trim, wrap or wrapAndTrim the text if it exceeds the maximum text width The below screenshot shows the trimmed multi-level labels -![](Axis_images/axis_img61.png) +![Text overflow in ASP.NET MVC Chart](Axis_images/axis_img61.png) And these labels can be placed in various rows using the **Level** property. -[Click](http://mvc.syncfusion.com/demos/web/chart/multilevellabels) here to view the multi-level labels online demo sample. +[Click](https://ej2.syncfusion.com/aspnetmvc/Chart/MultiLevelLabels#/bootstrap5) here to view the multi-level labels online demo sample. diff --git a/aspnetmvc/DropDownList/Getting-Started.md b/aspnetmvc/DropDownList/Getting-Started.md index 7b5e42ab0..9560627e6 100644 --- a/aspnetmvc/DropDownList/Getting-Started.md +++ b/aspnetmvc/DropDownList/Getting-Started.md @@ -1,18 +1,18 @@ --- layout: post -title: Getting started with DropDownList control for Syncfusion ASP.NET MVC -description: To get start with DropDownList by adding references. +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 documentation: ug keywords: DropDownList, dropdown, Populating data --- -# Getting Started +# Getting Started with ASP.NET MVC DropdownList ## Creating your first DropDownList in MVC application -1. Create an MVC Project and add necessary assemblies, scripts and CSS files given in [MVC-Getting Started](http://help.syncfusion.com/aspnetmvc/getting-started#manual-integration-of-syncfusion-mvc-components-into-newexisting-mvc-applications) Documentation. +1. Create an MVC Project and add necessary assemblies, scripts and CSS files given in [MVC-Getting Started](https://help.syncfusion.com/aspnetmvc/getting-started#manual-integration-of-syncfusion-mvc-components-into-newexisting-mvc-applications) Documentation. 2. Add DropDownList control using the helper from EJ namespace. @@ -28,7 +28,7 @@ keywords: DropDownList, dropdown, Populating data ## Populating data -The DropDownList can be bounded to any local list data and remote data services. You can use [DataManager](http://help.syncfusion.com/js/datamanager/overview) component to serve data from the data services based on the query provided.You can bind data locally from controller also. To render the DropDownList items, map the DropDownListFields with corresponding Fields
+The DropDownList can be bounded to any local list data and remote data services. You can use [DataManager](https://help.syncfusion.com/js/datamanager/overview) component to serve data from the data services based on the query provided.You can bind data locally from controller also. To render the DropDownList items, map the DropDownListFields with corresponding Fields
{% highlight html %} diff --git a/aspnetmvc/Grid/Getting-Started.md b/aspnetmvc/Grid/Getting-Started.md index 773c43c3c..908c81b4c 100644 --- a/aspnetmvc/Grid/Getting-Started.md +++ b/aspnetmvc/Grid/Getting-Started.md @@ -1,17 +1,17 @@ --- layout: post -title: Getting started with Grid widget for Syncfusion Essential ASP.NET MVC -description: How to create the Grid, data bind, enable paging, grouping, filtering and add summaries +title: Getting started with ASP.NET MVC Grid Control | Syncfusion +description: Learn here more about getting started with Syncfusion Essential ASP.NET MVC Grid Control, its elements, and more. platform: ejmvc control: Grid documentation: ug --- -# Getting Started +# Getting Started with ASP.NET MVC Grid This section explains briefly about how to create a Grid in your application with ASP.NET MVC, and also explains about how to enable basic grid operations like paging, filtering, grouping and summary. The following screenshot illustrates the grid control. -![](Getting-Started_images/Getting-Started_img.png) +![Getting Started with ASP.NET MVC Grid](Getting-Started_images/Getting-Started_img.png) ## Create your first grid in MVC @@ -44,7 +44,7 @@ The following steps explain creating first grid with an empty datasource: You can execute the above code sample to render an empty grid is rendered with specified column headers. -![](Getting-Started_images/Getting-Started_img2.png) +![Create your first grid in ASP.NET MVC](Getting-Started_images/Getting-Started_img2.png) ## Data binding @@ -94,7 +94,7 @@ You can bind the data to grid control using the `DataSource` property. {% endhighlight %} -![](Getting-Started_images/Getting-Started_img3.png) +![ASP.NET MVC Grid in Data binding](Getting-Started_images/Getting-Started_img3.png) ## Enable paging @@ -145,7 +145,7 @@ and `PageSettings` property. N> _Pager settings can be customized by using the 'PageSize' and 'PageCount' properties. When it is not given the default values for `PageSize` and `PageCount` are 12 and 8 respectively._ -![](Getting-Started_images/Getting-Started_img4.png) +![ASP.NET MVC Grid in Enable paging](Getting-Started_images/Getting-Started_img4.png) ## Enable filtering @@ -202,7 +202,7 @@ The [`Filtering`](http://help.syncfusion.com/aspnetmvc/grid/filtering) feature i {% endhighlight %} -![](Getting-Started_images/Getting-Started_img7.png) +![ASP.NET MVC Grid in Enable filtering ](Getting-Started_images/Getting-Started_img7.png) ## Enable grouping @@ -261,7 +261,7 @@ The ['Grouping'](http://help.syncfusion.com/aspnetmvc/grid/grouping) feature in {% endhighlight %} -![](Getting-Started_images/Getting-Started_img8.png) +![ASP.NET MVC Grid in Enable grouping](Getting-Started_images/Getting-Started_img8.png) ## Add summaries @@ -352,5 +352,5 @@ The following code example shows the option to enable group summary. {% endhighlight %} -![](Getting-Started_images/Getting-Started_img9.png) +![Add summaries in ASP.NET MVC Grid](Getting-Started_images/Getting-Started_img9.png) diff --git a/aspnetmvc/Grid/Hierarchy-Grid.md b/aspnetmvc/Grid/Hierarchy-Grid.md index ed667880d..24f4d8d58 100644 --- a/aspnetmvc/Grid/Hierarchy-Grid.md +++ b/aspnetmvc/Grid/Hierarchy-Grid.md @@ -83,7 +83,7 @@ public partial class GridController : Controller ## Expand or collapse all child's -The grid can able to expand and collapse all the `ChildGrid` through programmatically using the [`expandAll`](http://help.syncfusion.com/js/api/ejgrid#methods:expandall "expandAll") and [`collapseAll`](http://help.syncfusion.com/js/api/ejgrid#methods:collapseall "collapseAll") method. +The grid can able to expand and collapse all the `ChildGrid` through programmatically using the [`expandAll`](https://help.syncfusion.com/api/js/ejgrid#methods:expandall "expandAll") and [`collapseAll`](https://help.syncfusion.com/api/js/ejgrid#methods:collapseall "collapseAll") method. {% tabs %} diff --git a/aspnetmvc/Grid/How-to.md b/aspnetmvc/Grid/How-to.md index f535ad6de..c3fed34d1 100644 --- a/aspnetmvc/Grid/How-to.md +++ b/aspnetmvc/Grid/How-to.md @@ -1,12 +1,12 @@ --- layout: post -title: How to -description: How to +title: How to Section in ASP.NET MVC Grid control | Syncfusion +description: Learn here more about How To Section in Syncfusion Essential ASP.NET MVC Grid Control, its element and more. platform: ejmvc control: Grid documentation: ug --- -# How to +# How to Section in ASP.NET MVC Grid ## Apply formatting for columns dynamically @@ -116,7 +116,7 @@ namespace SyncfusionMvcApplication3.Controllers The following output is displayed as a result of the previous code example. -![](How-to_images/Disable-double-click-edit_img1.png) +![Disable double-click edit in ASP.NET MVC Grid](How-to_images/Disable-double-click-edit_img1.png) ## Customize drag and drop element while grouping @@ -176,7 +176,7 @@ namespace MVCSampleBrowser.Controllers The following output is displayed as a result of the previous code example. -![](How-to_images/Customize-Drag-and-Drop-element-while-grouping_img1.png) +![Customize drag and drop element while grouping in ASP.NET MVC Grid](How-to_images/Customize-Drag-and-Drop-element-while-grouping_img1.png) ## Display tooltip @@ -364,7 +364,7 @@ namespace EJGrid.Controllers The following screenshot illustrates the output. -![](How-to_images/Set-Dynamic-DataSource-to-Grid_img1.png) +![Set dynamic dataSource to grid in ASP.NET MVC](How-to_images/Set-Dynamic-DataSource-to-Grid_img1.png) ## Custom binding for grid CRUD operation @@ -565,7 +565,7 @@ namespace EJGrid.Controllers {% endhighlight %} {% endtabs %} - ![](How-to_images/Custom-CRUD_img1.png) + ![Custom binding for grid CRUD operation in ASP.NET MVC](How-to_images/Custom-CRUD_img1.png) ## Binding SignalR endpoint @@ -1004,7 +1004,7 @@ Using the Range property and AddComment method of the XlsIO IRange Class, we wil The following screenshot displays the exported grid with comments added to cells -![](How-to_images/Add-comments-in-the-Exported-file_img1.png) +![Adding comments in Excel sheet in ASP.NET MVC Grid](How-to_images/Add-comments-in-the-Exported-file_img1.png) ### Adding comments in exported Word document @@ -1060,7 +1060,7 @@ We can add comments to the word document using the AppendComment method in the W The following screenshot shows the exported grid with comments added to the document. -![](How-to_images/Add-comments-in-the-Exported-file_img2.png) +![Adding comments in exported Word document in ASP.NET MVC Grid](How-to_images/Add-comments-in-the-Exported-file_img2.png) ### Adding comments in exported PDF document @@ -1123,7 +1123,7 @@ We can add comments to a PDF documents using the annotation support provided in The following screenshot displays the exported grid with comments added to cells. -![](How-to_images/Add-comments-in-the-Exported-file_img3.png) +![Adding comments in exported PDF document in ASP.NET MVC Grid](How-to_images/Add-comments-in-the-Exported-file_img3.png) ## Adding header and footer in the exported file (Excel, Word or PDF) @@ -1375,7 +1375,7 @@ namespace SyncfusionMvcApplication3.Controllers {% endhighlight %} {% endtabs %} The following output is displayed as a result of the previous code example. -![](How-to_images/ExternalSearching_img1.jpeg) +![External search in ASP.NET MVC Grid](How-to_images/ExternalSearching_img1.jpeg) ## Configure grid through the grid model properties @@ -1424,7 +1424,7 @@ The following code example shows you how to set grid properties such as `AllowPa The following output is displayed as a result of the previous code example. -![](How-to_images/Configure Grid through Grid Model properties_img1.png) +![Configure grid through the grid model properties in ASP.NET MVC](How-to_images/Configure Grid through Grid Model properties_img1.png) ## Work with partial views @@ -1493,7 +1493,7 @@ In unobtrusive mode, to load grid from partial view via AJAX, in the success cal The following output is displayed as a result of the previous code example. -![](How-to_images/Work with partial views_img1.png) +![Work with partial views in ASP.NET MVC Grid](How-to_images/Work with partial views_img1.png) In non-unobtrusive mode, to load grid from partial view via AJAX, the `ScriptManager` HTML helper should be placed at the bottom of the partial view. @@ -1557,7 +1557,7 @@ The following code sample describes the previous behavior. The following output is displayed as a result of the previous code example. -![](How-to_images/Work with partial views_img2.png) +![Load grid from partial view via AJAX in ASP.NET MVC Grid](How-to_images/Work with partial views_img2.png) ## Rendering the grid using grid properties in server-side @@ -1604,7 +1604,7 @@ The following code example which will explain to render the grid control in serv The following output is displayed as a result of the previous code example. -![](Getting-Started_images/Getting-Started_img4.png) +![ASP.NET MVC Grid rendered in server side](Getting-Started_images/Getting-Started_img4.png) ## Export grid to target location without download prompt(Excel, Word or PDF) @@ -1758,7 +1758,7 @@ public partial class GridController : Controller {% endtabs %} The following output is displayed as a result of the previous code example. -![](Hierarchy-Grid_images/Hierarchy-Grid_images2.png) +![ASP.NET MVC Hierarchy grid with different foreignKeyField in parent and child table](Hierarchy-Grid_images/Hierarchy-Grid_images2.png) ## Display other Syncfusion controls in grid columns @@ -1830,7 +1830,7 @@ We can display the other Syncfusion controls using the `Template` property of gr The following output is displayed as a result of the previous code example. -![](How-to_images/Display_Other_controls_img1.png) +![Display other controls in grid columns in ASP.NET MVC](How-to_images/Display_Other_controls_img1.png) ## Perform grid actions on external button click @@ -2102,7 +2102,7 @@ The following code example explains the previous behavior. {% endtabs %} The following output is displayed as a result of the previous code example. -![](How-to_images/Actionswithexternalbutton_img1.png) +![Action with External Button in ASP.NET MVC](How-to_images/Actionswithexternalbutton_img1.png) ## Getting Datasource of Grid in Sorted Order diff --git a/aspnetmvc/Introduction.md b/aspnetmvc/Introduction.md index 13bcbab4c..f4c465a59 100644 --- a/aspnetmvc/Introduction.md +++ b/aspnetmvc/Introduction.md @@ -7,6 +7,8 @@ control: Common documentation: ug --- +> The Syncfusion ASP.NET MVC controls in the Essential JavaScript 1 library, which are based on jQuery widgets, are no longer under active development. The 2022 Volume 4 is the final release for these controls. We recommend that users migrate to the Syncfusion ASP.NET MVC controls available in the Essential JS 2 library, which have been designed to be lightweight and modular. To learn more, please refer to the [documentation](https://ej2.syncfusion.com/aspnetmvc/documentation/introduction) and [demo](https://ej2.syncfusion.com/aspnetmvc/Grid/GridOverview) for the Syncfusion ASP.NET MVC controls in Essential JS 2 library. + # Welcome to Syncfusion Essential ASP.NET MVC The **Syncfusion Essential Studio for ASP.NET MVC** is a set of server-side wrappers that is empowered by Essential JavaScript. The user can add the Syncfusion MVC components into their application with the help of the server-side wrapper helper classes. The MVC helper’s values are passed from the server-side wrapper classes to browser via ScriptManager, the control creation and manipulations takes place in the client-side. diff --git a/aspnetmvc/ListView/Getting-Started.md b/aspnetmvc/ListView/Getting-Started.md index cfacff164..418187bf0 100644 --- a/aspnetmvc/ListView/Getting-Started.md +++ b/aspnetmvc/ListView/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started | ListView | ASP.NET MVC | Syncfusion -description: getting started +title: Getting Started with ASP.NET MVC ListView control | Syncfusion +description: Learn here more about Getting Started with Syncfusion Essential ASP.NET MVC ListView Control, its elements, and more. platform: ejmvc control: ListView documentation: ug --- -# Getting Started +# Getting Started with ASP.NET MVC ListView This section explains briefly on how to create a ListView control in your application. @@ -16,7 +16,7 @@ This section explains briefly on how to create a ListView control in your applic The Essential StudioListView widget builds an interactive list view interface. This control allows you to select an item from a list-like interface and provides the infrastructure to display a set of data items in different layouts or views. Lists display data, data navigation, result lists, and data entry. -![](Getting-Started_images/Getting-Started_img1.png) +![Create your first ListView in ASP.NET MVC](Getting-Started_images/Getting-Started_img1.png) List view Control {:.caption} @@ -79,7 +79,7 @@ In the View page, add ListView helper and map the Local data list to correspondi Run the above code to render the following output. -![](Getting-Started_images/Getting-Started_img2.png) +![Create a simple ListView in ASP.NET MVC](Getting-Started_images/Getting-Started_img2.png) ## Add header @@ -100,4 +100,4 @@ You can add a header for ListView using ShowHeader property. Refer to the follow Run the above code to render the following output. -![](Getting-Started_images/Getting-Started_img3.png) \ No newline at end of file +![ASP.NET MVC ListView Add header](Getting-Started_images/Getting-Started_img3.png) \ No newline at end of file diff --git a/aspnetmvc/NumericTextBox/Behavior-Settings.md b/aspnetmvc/NumericTextBox/Behavior-Settings.md index 2ca9459d2..2ecd2d275 100644 --- a/aspnetmvc/NumericTextBox/Behavior-Settings.md +++ b/aspnetmvc/NumericTextBox/Behavior-Settings.md @@ -1,13 +1,13 @@ --- layout: post title: Behavior Settings | NumericTextBox | ASP.NET MVC | Syncfusion -description: behavior settings +description: Learn here more about behavior settings support in Syncfusion ASP.NET MVC NumericTextBox control, its element and more. platform: ejmvc control: NumericTextBox documentation: ug --- -# Behavior Settings +# Behavior Settings in ASP.NET MVC NumericTextBox ## Decimal Places @@ -27,7 +27,7 @@ The output is as follows. -![](Behavior-Settings_images/Behavior-Settings_img1.png) +![Configure Decimal Places in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img1.png) @@ -50,11 +50,11 @@ Output of NumericTextBox with EnablePersistence is as follows. -![](Behavior-Settings_images/Behavior-Settings_img2.png) +![Configure Persistence Support in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img2.png) -![](Behavior-Settings_images/Behavior-Settings_img3.png) +![ASP.NET MVC NumericTextBox with EnablePersistence](Behavior-Settings_images/Behavior-Settings_img3.png) @@ -74,7 +74,7 @@ In the View page add NumericTextBox helper, and configure the EnableStrictMode p Output when EnableStrictMode is “true” is as follows. -![](Behavior-Settings_images/Behavior-Settings_img4.png) +![Configure Strict Mode Support in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img4.png) @@ -101,11 +101,11 @@ Output when Enabled is “true” and when Enabled is “false”. -![](Behavior-Settings_images/Behavior-Settings_img5.png) +![Configure Enabled in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img5.png) -![](Behavior-Settings_images/Behavior-Settings_img6.png) +![Configure Disabled in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img6.png) @@ -129,7 +129,7 @@ In the View page add NumericTextBox helper, and configure the Height and Width p -![](Behavior-Settings_images/Behavior-Settings_img7.png) +![Adjusting Textbox Size in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img7.png) @@ -153,13 +153,13 @@ Output of Numeric textbox with IncrementStep is as follows. -![](Behavior-Settings_images/Behavior-Settings_img8.png) +![Increment Step in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img8.png) -![](Behavior-Settings_images/Behavior-Settings_img9.png) +![Configure Increment Step Propety in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img9.png) @@ -197,7 +197,7 @@ In the View page add NumericTextBox helper, and configure the Value property. Output of NumericTextBox with the value property is as follows. -![](Behavior-Settings_images/Behavior-Settings_img10.png) +![Configure Value in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img10.png) @@ -226,13 +226,13 @@ Output of NumericTextBox with MaxValue and MinValue is as follows. -![](Behavior-Settings_images/Behavior-Settings_img11.png) +![MaxValue in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img11.png) -![](Behavior-Settings_images/Behavior-Settings_img12.png) +![MinValue in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img12.png) @@ -252,7 +252,7 @@ In the View page add NumericTextBox helper, and configure the ReadOnly property. Output of NumericTextBox when ReadOnly is “true” is as follows. NumericTextBox values cannot be edited or changed. -![](Behavior-Settings_images/Behavior-Settings_img13.png) +![Configure Read Only in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img13.png) @@ -330,7 +330,7 @@ In the View page add NumericTextBox helper, and configure the CssClass property. Output of NumericTextBox after applying CssClass is as follows. -![](Behavior-Settings_images/Behavior-Settings_img14.png) +![CSS Class in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img14.png) @@ -352,7 +352,7 @@ In the View page add NumericTextBox helper, and configure the ShowRoundedCorner Output of NumericTextBox when ShowRoundedCorner is “true”. -![](Behavior-Settings_images/Behavior-Settings_img15.png) +![ShowRoundedCorner in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img15.png) @@ -374,7 +374,7 @@ In the View page add NumericTextBox helper, and configure the ShowSpinButton pro Output of NumericTextBox when ShowSpinButton is “false”. -![](Behavior-Settings_images/Behavior-Settings_img16.png) +![ShowSpinButton in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img16.png) @@ -400,7 +400,7 @@ Output of NumericTextBox after applying WaterMarkText is as follows. -![](Behavior-Settings_images/Behavior-Settings_img17.png) +![WaterMarkText in ASP.NET MVC NumericTextBox](Behavior-Settings_images/Behavior-Settings_img17.png) diff --git a/aspnetmvc/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index 60b55d5db..499b0702f 100644 --- a/aspnetmvc/RadialMenu/TemplateSupport.md +++ b/aspnetmvc/RadialMenu/TemplateSupport.md @@ -1,13 +1,13 @@ --- layout: post -title: Template Support | RadialMenu | ASP.NET MVC | Syncfusion -description: template support +title: Template Support in ASP.NET MVC Radial Menu control | Syncfusion +description: Learn here more about template support in Syncfusion Essential ASP.NET MVC Radial Menu Control, its element and more. platform: ejmvc control: Radial Menu documentation: ug --- -## Template Support +# Template Support in ASP.NET MVC Radial Menu Template support for RadialMenu items will allow you to use any type of [\](https://developer.mozilla.org/en-US/docs/Web/SVG/Element#SVG_elements) Permitted tags inside our template. Here for example, using this template support you can use the SVG icons in Radial Menu instead of image tags. To use SVG icons in RadialMenu, you need to use [PrependTo](https://help.syncfusion.com/api/js/ejradialmenu#members:items-prependTo) property. @@ -169,6 +169,6 @@ Add the following code in your style section, The following screenshot illustrates the output, -![](template-support\img1.png) +![Add SVG to item Icon in ASP.NET MVC Radial Menu](template-support\img1.png) N> This is the example sample for SVG icon support for Radial Menu.Like wise you can add any SVG element to it, but you need to customize and position the element individually. \ No newline at end of file diff --git a/aspnetmvc/Tooltip/HowTo.md b/aspnetmvc/Tooltip/HowTo.md index b182621f7..1f3f81012 100644 --- a/aspnetmvc/Tooltip/HowTo.md +++ b/aspnetmvc/Tooltip/HowTo.md @@ -1,14 +1,14 @@ --- layout: post -title: How To | Tooltip | ASP.NET MVC | Syncfusion -description: How To section of Tooltip widget +title: How to Section Tooltip in ASP.NET MVC | Syncfusion +description: Learn here about how to section in Syncfusion Essential ASP.NET MVC Tooltip Control, its elements, and more. platform: ejmvc control: Tooltip documentation: ug keywords : MVC Tooltip, mvc Tooltip, ASP.NET MVC Tooltip,MVC Tooltip widget,MVC Tooltip AJAX content, MVC Tooltip Integration with slider --- -# How To +# How to Section Tooltip in ASP.NET MVC ## Use AJAX to generate the Tooltip’s content @@ -167,7 +167,7 @@ Defines the style for the tooltip layout and table as follows. {% endhighlight %} -![](HowTo_images/ajax.png) +![Use AJAX to generate the Tooltip’s content in ASP.NET MVC Tooltip](HowTo_images/ajax.png) ## Integration with the Slider control @@ -240,7 +240,7 @@ function onStop(args){ {% endhighlight %} -![](HowTo_images/slider.png) +![Integration with the Slider control in ASP.NET MVC Tooltip](HowTo_images/slider.png) ## Tip(arrow) customization @@ -290,7 +290,7 @@ Defines the style for the tip as follow as {% endhighlight %} -![](HowTo_images/tip.png) +![Tip(arrow) customization in ASP.NET MVC Tooltip](HowTo_images/tip.png) ## Initialize Tooltip for the target element @@ -334,7 +334,7 @@ The example below demonstrates how to create a Tooltip for multiple targets elem {% endhighlight %} -![](Target_images/target.png) +![Initialize Tooltip for the target element in ASP.NET MVC Tooltip](Target_images/target.png) Apply the following styles to the form element. diff --git a/aspnetmvc/WaitingPopup/Overview.md b/aspnetmvc/WaitingPopup/Overview.md index 6e41891d8..66c253839 100644 --- a/aspnetmvc/WaitingPopup/Overview.md +++ b/aspnetmvc/WaitingPopup/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: WaitingPopup | WaitingPopup | ASP.NET MVC | Syncfusion -description: overview +title: Overview in ASP.NET MVC WaitingPopup control | Syncfusion +description: Learn here more about Overview in Syncfusion Essential ASP.NET MVC WaitingPopup Control, its element and more. platform: ejmvc control: WaitingPopup documentation: ug --- -# WaitingPopup +# Overview in ASP.NET MVC WaitingPopup The WaitingPopup control for MVC is a visual element that provides support for displaying a pop-up indicator over a target area and preventing the end user's interaction with the target area while loading. @@ -29,7 +29,7 @@ ASP.NET MVC Waiting Popup provides support to display Waiting Popup within your -![](Overview_images/Overview_img1.png) +![Create your first Waiting Popup in ASP.NET MVC](Overview_images/Overview_img1.png) In the above screenshot, you can give the Username and Password. When you click the Login button, the Waiting Popup appears. After loading, the alert box appears with a message “Signed in successfully”. @@ -175,7 +175,7 @@ In a real-time Login page scenario, when you click on the Login button, the Wait - ![](Overview_images/Overview_img2.png) + ![ASP.NET MVC WaitingPopup User login](Overview_images/Overview_img2.png) @@ -184,14 +184,14 @@ In a real-time Login page scenario, when you click on the Login button, the Wait - ![](Overview_images/Overview_img3.png) + ![ASP.NET MVC Waiting Popup](Overview_images/Overview_img3.png) The following screenshot displays an alert box displayed with the message “Signed in successfully” after loading. -![](Overview_images/Overview_img4.png) +![ASP.NET MVC WaitingPopup Signed in successfully](Overview_images/Overview_img4.png) diff --git a/aspnetmvc/getting-started.md b/aspnetmvc/getting-started.md index dff019086..c3de0d907 100644 --- a/aspnetmvc/getting-started.md +++ b/aspnetmvc/getting-started.md @@ -9,11 +9,11 @@ documentation: ug # Getting Started with ASP.NET MVC Common -> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to know about registering Syncfusion license key in your ASP.NET MVC application to use our components. +> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your ASP.NET MVC application to use our components. ## What is Html.EJ() ? -EJ refers to Essential JavaScript or Syncfusion Essential JS 1. It is a comprehensive collection of over 80 enterprise-grade HTML5 JavaScript components for building modern web applications. Refer to this [JavaScript Package](https://www.syncfusion.com/jquery/javascript-ui-controls) for more information. This is inherited from `Syncfusion.EJ` Assembly and `Syncfusion.JavaScript` namespace. `Syncfusion.EJ` and `Syncfusion.EJ.MVC` assemblies have to be referred in the project to use this, and these namespaces have to be added in the Web.config file as shown in this [KB article](https://www.syncfusion.com/kb/5153/how-to-avoid-the-exception-does-not-contain-a-definition-for-ej-and-no-extension-method-ej ). +EJ refers to Essential JavaScript or Syncfusion Essential JS 1. It is a comprehensive collection of over 80 enterprise-grade HTML5 JavaScript components for building modern web applications. Refer to this [JavaScript Package](https://www.syncfusion.com/jquery-ui-widgets) for more information. This is inherited from `Syncfusion.EJ` Assembly and `Syncfusion.JavaScript` namespace. `Syncfusion.EJ` and `Syncfusion.EJ.MVC` assemblies have to be referred in the project to use this, and these namespaces have to be added in the Web.config file as shown in this [KB article](https://www.syncfusion.com/kb/5153/how-to-avoid-the-exception-does-not-contain-a-definition-for-ej-and-no-extension-method-ej ). ## Getting started with Syncfusion MVC @@ -61,7 +61,7 @@ The **Project** **Configuration** **Wizard** automates the process of configurin ![Reference](getting-started_images/getting-started_img6.png) -5. Then, Syncfusion licensing registration required message box will be shown as follow, if you are installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Please navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/license-key#how-to-generate-syncfusion-license-key) which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/Whats-New-in-2018-Volume-2-Licensing-Changes-in-the-1620x-Version-of-Essential-Studio.aspx) post for understanding the licensing changes introduced in Essential Studio. +5. Then, Syncfusion licensing registration required message box will be shown as follow, if you are installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Please navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio. ![license](getting-started_images/getting-started_img21.png) @@ -158,7 +158,7 @@ The following steps help you use the Syncfusion Project Conversion in the existi To add our Syncfusion MVC controls into the new ASP.NET MVC5 application by making use of the **Syncfusion** **Nuget** **Packages**, refer to the following steps. -1. The steps to download and configure the required **Syncfusion** **NuGet** **Packages** in Visual Studio is mentioned [here](https://help.syncfusion.com/aspnetmvc/installation-and-upgrade/install-using-the-web-installer#configuring-syncfusion-nuget-packages-in-visual-studio) +1. The steps to download and configure the required **Syncfusion** **NuGet** **Packages** in Visual Studio is mentioned [here](https://help.syncfusion.com/aspnetmvc/installation/web-installer/how-to-install#configuring-syncfusion-nuget-packages-in-visual-studio) 2. Once Configured the Packages source, search and install the **Syncfusion.AspNet.Mvc5** from **Package** **Manager** **console** by using following commands.