From 5ce7c6b9037995100a3937b73375d25c426de2f6 Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+yvone-atieno@users.noreply.github.com> Date: 2023年1月27日 17:33:11 +0300 Subject: [PATCH 01/17] ASP.NET MVC Desc too long short --- aspnetmvc/Button/Button-Type.md | 6 ++--- aspnetmvc/Captcha/Getting-Started.md | 14 +++++----- aspnetmvc/Grid/How-to.md | 36 ++++++++++++------------- aspnetmvc/ListView/Getting-Started.md | 10 +++---- aspnetmvc/RadialMenu/TemplateSupport.md | 6 ++--- aspnetmvc/WaitingPopup/Overview.md | 12 ++++----- 6 files changed, 42 insertions(+), 42 deletions(-) diff --git a/aspnetmvc/Button/Button-Type.md b/aspnetmvc/Button/Button-Type.md index 59747e971..4df62dfc4 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 +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..34049c0c2 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 +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/Grid/How-to.md b/aspnetmvc/Grid/How-to.md index f535ad6de..39cba9a8e 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 | Grid | ASP.NET MVC | 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 ## 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/ListView/Getting-Started.md b/aspnetmvc/ListView/Getting-Started.md index cfacff164..a69582131 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 +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/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index 60b55d5db..0d94dc1d4 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 +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/WaitingPopup/Overview.md b/aspnetmvc/WaitingPopup/Overview.md index 6e41891d8..a639ab8dd 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 +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 +# WaitingPopup 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) From 8cd6500ae8498c8a89ffc89da815fff93c528ecb Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: 2023年1月30日 08:24:28 +0300 Subject: [PATCH 02/17] Updated --- aspnetmvc/PdfViewer/Toolbar-Customization.md | 2 +- aspnetmvc/RadialMenu/TemplateSupport.md | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/aspnetmvc/PdfViewer/Toolbar-Customization.md b/aspnetmvc/PdfViewer/Toolbar-Customization.md index 47b7150e1..26048e3e2 100644 --- a/aspnetmvc/PdfViewer/Toolbar-Customization.md +++ b/aspnetmvc/PdfViewer/Toolbar-Customization.md @@ -7,7 +7,7 @@ control: PDF viewer documentation: ug --- -## Toolbar Customization +# Toolbar Customization in ASP.NET MVC PdfViewer **Customizing default toolbar** diff --git a/aspnetmvc/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index 60b55d5db..1c7fbf8de 100644 --- a/aspnetmvc/RadialMenu/TemplateSupport.md +++ b/aspnetmvc/RadialMenu/TemplateSupport.md @@ -1,17 +1,17 @@ --- layout: post title: Template Support | RadialMenu | ASP.NET MVC | Syncfusion -description: template support +description: Template Support in ASP.NET MVC PdfViewer Control and configuration for ejmvc PdfViewer Control. platform: ejmvc control: Radial Menu documentation: ug --- -## Template Support +# Template Support in RadialMenu 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. - ### Add SVG to item Icon + ## Add SVG to item Icon Using SVG icon will optimize the icons quality and to reduce space occupation by normal images and SVG images are Scalable and Zoomable. Define the text element for SVG with x and y position and code for rendering the font icons. Assign the SVG element ID to 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 RadialMenu](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 From f20e27fda2f13b585e412df893c4814fd4cf3b60 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Mon, 6 Feb 2023 15:21:42 +0300 Subject: [PATCH 03/17] Updated --- aspnetmvc/PdfViewer/Toolbar-Customization.md | 6 +++--- aspnetmvc/RadialMenu/TemplateSupport.md | 12 ++++++------ 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/aspnetmvc/PdfViewer/Toolbar-Customization.md b/aspnetmvc/PdfViewer/Toolbar-Customization.md index 26048e3e2..77dd2105d 100644 --- a/aspnetmvc/PdfViewer/Toolbar-Customization.md +++ b/aspnetmvc/PdfViewer/Toolbar-Customization.md @@ -1,13 +1,13 @@ --- layout: post -title: Toolbar Customization in ASP.NET MVC PdfViewer | Syncfusion -description: Toolbar customization in ASP.NET MVC PdfViewer Control and toolbar configuration for ejmvc PdfViewer Control. +title: Toolbar Customization in ASP.NET MVC Pdf Viewer | Syncfusion +description: Learn here about Template Support in Syncfusion ASP.NET MVC Pdf Viewer Control, its elements, and more.Control. platform: ejmvc control: PDF viewer documentation: ug --- -# Toolbar Customization in ASP.NET MVC PdfViewer +# Toolbar Customization in ASP.NET MVC Pdf Viewer **Customizing default toolbar** diff --git a/aspnetmvc/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index 1c7fbf8de..b9ddf656f 100644 --- a/aspnetmvc/RadialMenu/TemplateSupport.md +++ b/aspnetmvc/RadialMenu/TemplateSupport.md @@ -1,21 +1,21 @@ --- layout: post -title: Template Support | RadialMenu | ASP.NET MVC | Syncfusion -description: Template Support in ASP.NET MVC PdfViewer Control and configuration for ejmvc PdfViewer Control. +title: Template Support | Radial Menu | ASP.NET MVC | Syncfusion +description: Learn here about Template Support in Syncfusion ASP.NET MVC Radial Menu Control, its elements, and more. platform: ejmvc control: Radial Menu documentation: ug --- -# Template Support in RadialMenu +# Template Support in 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. + Template support for Radial Menu 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 Radial Menu, you need to use [PrependTo](https://help.syncfusion.com/api/js/ejradialmenu#members:items-prependTo) property. ## Add SVG to item Icon Using SVG icon will optimize the icons quality and to reduce space occupation by normal images and SVG images are Scalable and Zoomable. Define the text element for SVG with x and y position and code for rendering the font icons. Assign the SVG element ID to PrependTo property. -Please refer the following code to render the SVG icon in RadialMenu, +Please refer the following code to render the SVG icon in Radial Menu, {% highlight razor %}
@@ -169,6 +169,6 @@ Add the following code in your style section, The following screenshot illustrates the output, -![Add SVG to item Icon in RadialMenu](template-support\img1.png) +![ASP.NET MVC Radial Menu in add SVG to item Icon](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 From c8d78af39f9d94ddced5a83e769ac3357d097962 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Mon, 6 Feb 2023 15:48:30 +0300 Subject: [PATCH 04/17] Update Toolbar-Customization.md --- aspnetmvc/PdfViewer/Toolbar-Customization.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/aspnetmvc/PdfViewer/Toolbar-Customization.md b/aspnetmvc/PdfViewer/Toolbar-Customization.md index 77dd2105d..3583819b3 100644 --- a/aspnetmvc/PdfViewer/Toolbar-Customization.md +++ b/aspnetmvc/PdfViewer/Toolbar-Customization.md @@ -1,7 +1,7 @@ --- layout: post title: Toolbar Customization in ASP.NET MVC Pdf Viewer | Syncfusion -description: Learn here about Template Support in Syncfusion ASP.NET MVC Pdf Viewer Control, its elements, and more.Control. +description: Learn here about Template Support in Syncfusion ASP.NET MVC Pdf Viewer Control, its elements, and more. platform: ejmvc control: PDF viewer documentation: ug From b98bda7b0d89c9878656687d3d884725c015f86c Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Tue, 7 Feb 2023 12:31:49 +0300 Subject: [PATCH 05/17] Update TemplateSupport.md --- aspnetmvc/RadialMenu/TemplateSupport.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/aspnetmvc/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index b9ddf656f..d40e172e2 100644 --- a/aspnetmvc/RadialMenu/TemplateSupport.md +++ b/aspnetmvc/RadialMenu/TemplateSupport.md @@ -1,21 +1,21 @@ --- layout: post -title: Template Support | Radial Menu | ASP.NET MVC | Syncfusion -description: Learn here about Template Support in Syncfusion ASP.NET MVC Radial Menu Control, its elements, and more. +title: Template Support | RadialMenu | ASP.NET MVC | Syncfusion +description: Learn here about Template Support in Syncfusion ASP.NET MVC RadialMenu Control, its elements, and more. platform: ejmvc -control: Radial Menu +control: RadialMenu documentation: ug --- -# Template Support in Radial Menu +# Template Support in RadialMenu - Template support for Radial Menu 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 Radial Menu, you need to use [PrependTo](https://help.syncfusion.com/api/js/ejradialmenu#members:items-prependTo) property. + 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 RadialMenu 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. ## Add SVG to item Icon Using SVG icon will optimize the icons quality and to reduce space occupation by normal images and SVG images are Scalable and Zoomable. Define the text element for SVG with x and y position and code for rendering the font icons. Assign the SVG element ID to PrependTo property. -Please refer the following code to render the SVG icon in Radial Menu, +Please refer the following code to render the SVG icon in RadialMenu, {% highlight razor %}
@@ -169,6 +169,6 @@ Add the following code in your style section, The following screenshot illustrates the output, -![ASP.NET MVC Radial Menu in add SVG to item Icon](template-support\img1.png) +![ASP.NET MVC RadialMenu in add SVG to item Icon](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 + N> This is the example sample for SVG icon support for RadialMenu.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 From b274981317e2bba54b6d7fee4f2b185ab9684d2f Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+yvone-atieno@users.noreply.github.com> Date: Tue, 7 Feb 2023 15:26:05 +0300 Subject: [PATCH 06/17] added fullstop --- aspnetmvc/Button/Button-Type.md | 4 ++-- aspnetmvc/Captcha/Getting-Started.md | 4 ++-- aspnetmvc/Grid/How-to.md | 4 ++-- aspnetmvc/ListView/Getting-Started.md | 4 ++-- aspnetmvc/RadialMenu/TemplateSupport.md | 4 ++-- aspnetmvc/WaitingPopup/Overview.md | 4 ++-- 6 files changed, 12 insertions(+), 12 deletions(-) diff --git a/aspnetmvc/Button/Button-Type.md b/aspnetmvc/Button/Button-Type.md index 4df62dfc4..258f330ed 100644 --- a/aspnetmvc/Button/Button-Type.md +++ b/aspnetmvc/Button/Button-Type.md @@ -1,7 +1,7 @@ --- layout: post -title: Button Type | Button | ASP.NET MVC | Syncfusion -description: Learn here more about Button Type in Syncfusion Essential ASP.NET MVC Button Control, its elements, and more +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 diff --git a/aspnetmvc/Captcha/Getting-Started.md b/aspnetmvc/Captcha/Getting-Started.md index 34049c0c2..40fd41f7d 100644 --- a/aspnetmvc/Captcha/Getting-Started.md +++ b/aspnetmvc/Captcha/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started | Captcha | ASP.NET MVC | Syncfusion -description: Learn here more about Getting Started with Syncfusion Essential ASP.NET MVC Captcha Control, its element and more +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 diff --git a/aspnetmvc/Grid/How-to.md b/aspnetmvc/Grid/How-to.md index 39cba9a8e..88d91558d 100644 --- a/aspnetmvc/Grid/How-to.md +++ b/aspnetmvc/Grid/How-to.md @@ -1,7 +1,7 @@ --- layout: post -title: How to | Grid | ASP.NET MVC | Syncfusion -description: Learn here more about How To Section in Syncfusion Essential ASP.NET MVC Grid Control, its element and more +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 diff --git a/aspnetmvc/ListView/Getting-Started.md b/aspnetmvc/ListView/Getting-Started.md index a69582131..418187bf0 100644 --- a/aspnetmvc/ListView/Getting-Started.md +++ b/aspnetmvc/ListView/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started | ListView | ASP.NET MVC | Syncfusion -description: Learn here more about Getting Started with Syncfusion Essential ASP.NET MVC ListView Control, its elements, and more +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 diff --git a/aspnetmvc/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index 0d94dc1d4..499b0702f 100644 --- a/aspnetmvc/RadialMenu/TemplateSupport.md +++ b/aspnetmvc/RadialMenu/TemplateSupport.md @@ -1,7 +1,7 @@ --- layout: post -title: Template Support | RadialMenu | ASP.NET MVC | Syncfusion -description: Learn here more about template support in Syncfusion Essential ASP.NET MVC Radial Menu Control, its element and more +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 diff --git a/aspnetmvc/WaitingPopup/Overview.md b/aspnetmvc/WaitingPopup/Overview.md index a639ab8dd..051376634 100644 --- a/aspnetmvc/WaitingPopup/Overview.md +++ b/aspnetmvc/WaitingPopup/Overview.md @@ -1,7 +1,7 @@ --- layout: post -title: WaitingPopup | WaitingPopup | ASP.NET MVC | Syncfusion -description: Learn here more about Overview in Syncfusion Essential ASP.NET MVC WaitingPopup Control, its element and more +title: WaitingPopup 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 From 479a2bde4bddd9ef950e8a2162253518878e7877 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+sharly-atieno@users.noreply.github.com> Date: Wed, 8 Feb 2023 12:11:11 +0300 Subject: [PATCH 07/17] updated links --- aspnetmvc/DropDownList/Getting-Started.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) 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 %} From 04fe68d9a671066ddd400be1626f9336045c91f7 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+sharly-atieno@users.noreply.github.com> Date: Wed, 8 Feb 2023 12:56:28 +0300 Subject: [PATCH 08/17] images renamed --- aspnetmvc/Chart/Axis.md | 144 ++++++++++++++++++++-------------------- 1 file changed, 72 insertions(+), 72 deletions(-) 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. From e72df8e96f4ed3940782ffcb31e3ce879e61d115 Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+yvone-atieno@users.noreply.github.com> Date: Wed, 8 Feb 2023 15:24:21 +0300 Subject: [PATCH 09/17] changed title and h1 --- aspnetmvc/WaitingPopup/Overview.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/aspnetmvc/WaitingPopup/Overview.md b/aspnetmvc/WaitingPopup/Overview.md index 051376634..66c253839 100644 --- a/aspnetmvc/WaitingPopup/Overview.md +++ b/aspnetmvc/WaitingPopup/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: WaitingPopup in ASP.NET MVC WaitingPopup control | Syncfusion +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 in ASP.NET MVC 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. From bd82dbe764611f96dc8da0b4bd2cf8d155b0ec1e Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Wed, 8 Feb 2023 15:52:39 +0300 Subject: [PATCH 10/17] Update TemplateSupport.md --- aspnetmvc/RadialMenu/TemplateSupport.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/aspnetmvc/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index d40e172e2..b9ddf656f 100644 --- a/aspnetmvc/RadialMenu/TemplateSupport.md +++ b/aspnetmvc/RadialMenu/TemplateSupport.md @@ -1,21 +1,21 @@ --- layout: post -title: Template Support | RadialMenu | ASP.NET MVC | Syncfusion -description: Learn here about Template Support in Syncfusion ASP.NET MVC RadialMenu Control, its elements, and more. +title: Template Support | Radial Menu | ASP.NET MVC | Syncfusion +description: Learn here about Template Support in Syncfusion ASP.NET MVC Radial Menu Control, its elements, and more. platform: ejmvc -control: RadialMenu +control: Radial Menu documentation: ug --- -# Template Support in RadialMenu +# Template Support in 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 RadialMenu 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. + Template support for Radial Menu 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 Radial Menu, you need to use [PrependTo](https://help.syncfusion.com/api/js/ejradialmenu#members:items-prependTo) property. ## Add SVG to item Icon Using SVG icon will optimize the icons quality and to reduce space occupation by normal images and SVG images are Scalable and Zoomable. Define the text element for SVG with x and y position and code for rendering the font icons. Assign the SVG element ID to PrependTo property. -Please refer the following code to render the SVG icon in RadialMenu, +Please refer the following code to render the SVG icon in Radial Menu, {% highlight razor %}
@@ -169,6 +169,6 @@ Add the following code in your style section, The following screenshot illustrates the output, -![ASP.NET MVC RadialMenu in add SVG to item Icon](template-support\img1.png) +![ASP.NET MVC Radial Menu in add SVG to item Icon](template-support\img1.png) - N> This is the example sample for SVG icon support for RadialMenu.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 + 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 From 2aec39c118a6d102611df44101954eb16e4e6184 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: 2023年2月10日 12:33:38 +0300 Subject: [PATCH 11/17] Update TemplateSupport.md --- aspnetmvc/RadialMenu/TemplateSupport.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/aspnetmvc/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index b9ddf656f..3c7908c58 100644 --- a/aspnetmvc/RadialMenu/TemplateSupport.md +++ b/aspnetmvc/RadialMenu/TemplateSupport.md @@ -9,13 +9,13 @@ documentation: ug # Template Support in Radial Menu - Template support for Radial Menu 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 Radial Menu, you need to use [PrependTo](https://help.syncfusion.com/api/js/ejradialmenu#members:items-prependTo) property. + 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. ## Add SVG to item Icon Using SVG icon will optimize the icons quality and to reduce space occupation by normal images and SVG images are Scalable and Zoomable. Define the text element for SVG with x and y position and code for rendering the font icons. Assign the SVG element ID to PrependTo property. -Please refer the following code to render the SVG icon in Radial Menu, +Please refer the following code to render the SVG icon in RadialMenu, {% highlight razor %}
From 95820023b3d7d1788252f1b3cce4a66942529e3b Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: 2023年2月16日 09:44:23 +0300 Subject: [PATCH 12/17] Updated --- aspnetmvc/Grid/How-to.md | 2 +- aspnetmvc/RadialMenu/TemplateSupport.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/aspnetmvc/Grid/How-to.md b/aspnetmvc/Grid/How-to.md index 88d91558d..c3fed34d1 100644 --- a/aspnetmvc/Grid/How-to.md +++ b/aspnetmvc/Grid/How-to.md @@ -6,7 +6,7 @@ platform: ejmvc control: Grid documentation: ug --- -# How to Section in ASP.NET MVC +# How to Section in ASP.NET MVC Grid ## Apply formatting for columns dynamically diff --git a/aspnetmvc/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index 6a25f66ae..206e20fe2 100644 --- a/aspnetmvc/RadialMenu/TemplateSupport.md +++ b/aspnetmvc/RadialMenu/TemplateSupport.md @@ -1,7 +1,7 @@ --- layout: post 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. +description: Learn here more about toolbar customization in Syncfusion Essential ASP.NET MVC Radial Menu Control, its element and more. platform: ejmvc control: Radial Menu documentation: ug From a4a5f79fc9aa1848ab2ed31eef86fd71bba5d65e Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: 2023年2月16日 10:17:51 +0300 Subject: [PATCH 13/17] Update Toolbar-Customization.md --- aspnetmvc/PdfViewer/Toolbar-Customization.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/aspnetmvc/PdfViewer/Toolbar-Customization.md b/aspnetmvc/PdfViewer/Toolbar-Customization.md index 3583819b3..e83132dd3 100644 --- a/aspnetmvc/PdfViewer/Toolbar-Customization.md +++ b/aspnetmvc/PdfViewer/Toolbar-Customization.md @@ -1,7 +1,7 @@ --- layout: post title: Toolbar Customization in ASP.NET MVC Pdf Viewer | Syncfusion -description: Learn here about Template Support in Syncfusion ASP.NET MVC Pdf Viewer Control, its elements, and more. +description: Learn here about tollbar customization in Syncfusion ASP.NET MVC Pdf Viewer Control, its elements, and more. platform: ejmvc control: PDF viewer documentation: ug From 96ebdfa189b94c01cb939f6ff99216a03ae512be Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: 2023年2月16日 11:59:51 +0300 Subject: [PATCH 14/17] Updated --- aspnetmvc/PdfViewer/Toolbar-Customization.md | 2 +- aspnetmvc/RadialMenu/TemplateSupport.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/aspnetmvc/PdfViewer/Toolbar-Customization.md b/aspnetmvc/PdfViewer/Toolbar-Customization.md index e83132dd3..6a7603767 100644 --- a/aspnetmvc/PdfViewer/Toolbar-Customization.md +++ b/aspnetmvc/PdfViewer/Toolbar-Customization.md @@ -1,7 +1,7 @@ --- layout: post title: Toolbar Customization in ASP.NET MVC Pdf Viewer | Syncfusion -description: Learn here about tollbar customization in Syncfusion ASP.NET MVC Pdf Viewer Control, its elements, and more. +description: Learn here about Tollbar Customization in Syncfusion ASP.NET MVC Pdf Viewer Control, its elements, and more. platform: ejmvc control: PDF viewer documentation: ug diff --git a/aspnetmvc/RadialMenu/TemplateSupport.md b/aspnetmvc/RadialMenu/TemplateSupport.md index 206e20fe2..8ee33cd1a 100644 --- a/aspnetmvc/RadialMenu/TemplateSupport.md +++ b/aspnetmvc/RadialMenu/TemplateSupport.md @@ -1,7 +1,7 @@ --- layout: post title: Template Support in ASP.NET MVC Radial Menu control | Syncfusion -description: Learn here more about toolbar customization in Syncfusion Essential ASP.NET MVC Radial Menu Control, its element and more. +description: Learn here more about Toolbar Customization in Syncfusion Essential ASP.NET MVC Radial Menu Control, its element and more. platform: ejmvc control: Radial Menu documentation: ug From fa239fbc6ebcbf9c2491f8233a2b823d68e91a90 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: 2023年2月17日 09:12:27 +0300 Subject: [PATCH 15/17] Update Toolbar-Customization.md --- aspnetmvc/PdfViewer/Toolbar-Customization.md | 1 - 1 file changed, 1 deletion(-) diff --git a/aspnetmvc/PdfViewer/Toolbar-Customization.md b/aspnetmvc/PdfViewer/Toolbar-Customization.md index 6a7603767..d24ce478d 100644 --- a/aspnetmvc/PdfViewer/Toolbar-Customization.md +++ b/aspnetmvc/PdfViewer/Toolbar-Customization.md @@ -6,7 +6,6 @@ platform: ejmvc control: PDF viewer documentation: ug --- - # Toolbar Customization in ASP.NET MVC Pdf Viewer **Customizing default toolbar** From 878cf3b50554dc706be6fa6a35cb734361a1e1a4 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: 2023年2月17日 11:06:25 +0300 Subject: [PATCH 16/17] Update Toolbar-Customization.md --- aspnetmvc/PdfViewer/Toolbar-Customization.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/aspnetmvc/PdfViewer/Toolbar-Customization.md b/aspnetmvc/PdfViewer/Toolbar-Customization.md index d24ce478d..ff53fedee 100644 --- a/aspnetmvc/PdfViewer/Toolbar-Customization.md +++ b/aspnetmvc/PdfViewer/Toolbar-Customization.md @@ -1,7 +1,7 @@ --- layout: post title: Toolbar Customization in ASP.NET MVC Pdf Viewer | Syncfusion -description: Learn here about Tollbar Customization in Syncfusion ASP.NET MVC Pdf Viewer Control, its elements, and more. +description: Learn here about Toolbar Customization in Syncfusion ASP.NET MVC Pdf Viewer Control, its elements, and more. platform: ejmvc control: PDF viewer documentation: ug From f9e6b83327d0e783fec88286413566e0c6b65656 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: 2023年2月17日 11:14:09 +0300 Subject: [PATCH 17/17] Update Axis.md --- aspnetmvc/Chart/Axis.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/aspnetmvc/Chart/Axis.md b/aspnetmvc/Chart/Axis.md index 45dc3295c..b16b0458e 100644 --- a/aspnetmvc/Chart/Axis.md +++ b/aspnetmvc/Chart/Axis.md @@ -7,7 +7,7 @@ control: Chart documentation: ug --- -# Axis in Essential ASP.NET MVC Chart +# Axis in 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.

AltStyle によって変換されたページ (->オリジナル) /