diff --git a/aspnetmvc/Combobox/getting-started.md b/aspnetmvc/Combobox/getting-started.md index 320ae29e..ce7f604f 100644 --- a/aspnetmvc/Combobox/getting-started.md +++ b/aspnetmvc/Combobox/getting-started.md @@ -1,14 +1,14 @@ --- layout: post -title: Getting started in ComboBox control for Syncfusion ASP.NET MVC -description: Getting started +title: Getting started with ASP.NET MVC ComboBox control | Syncfusion +description: Learn here about Getting started with Syncfusion Essential ASP.NET MVC ComboBox control, its elements, and more. platform: ejmvc control: ComboBox documentation: ug keywords: allowCustom, ComboBox, dataSource, popupHeight, popupWidth --- -# Getting Started +# Getting Started with ASP.NET MVC ComboBox This section explains how to create a simple **ComboBox** component and configure its available functionalities. @@ -68,7 +68,7 @@ public class CarsList Output for ComboBox control is as follows. -![](Combobox_getting_started_images/Getting-Started.png) +![ASP.NET MVC ComboBox Binding data source](Combobox_getting_started_images/Getting-Started.png) ## Binding data source @@ -97,7 +97,7 @@ After initializing, populate the ComboBox with data using the **DataSource** pro Output for ComboBox control is as follows. -![](Combobox_getting_started_images/Getting-Started1.png) +![ASP.NET MVC ComboBox Custom values](Combobox_getting_started_images/Getting-Started1.png) ## Custom values @@ -153,7 +153,7 @@ public class CarsList Output for allowCustom ComboBox control is as follows. -![](Combobox_getting_started_images/Combobox_data_binding_img1.png) +![ASP.NET MVC ComboBox Configure the popup list](Combobox_getting_started_images/Combobox_data_binding_img1.png) ## Configure the popup list @@ -212,5 +212,5 @@ public class CarsList Output for ComboBox control is as follows. -![](Combobox_getting_started_images/popup.png) +![ASP.NET MVC ComboBox getting started](Combobox_getting_started_images/popup.png) diff --git a/aspnetmvc/Grid/Grouping.md b/aspnetmvc/Grid/Grouping.md index ca95b866..2faa555a 100644 --- a/aspnetmvc/Grid/Grouping.md +++ b/aspnetmvc/Grid/Grouping.md @@ -1,12 +1,12 @@ --- layout: post -title: Grouping with Grid widget for Syncfusion Essential MVC -description: How to enable grouping and its functionalities +title: Grouping in ASP.NET MVC Grid Control | Syncfusion +description: Learn here about Grouping support in Syncfusion Essential ASP.NET MVC Grid Control, its elements, and more. platform: ejmvc control: Grid documentation: ug --- -# Grouping +# Grouping in ASP.NET MVC Grid The Grid control has options to group the records based on the required column. When grouping is applied, grouped records are organized into a hierarchical structure to facilitate easier expand and collapse of records. To enable grouping, set `AllowGrouping` property as `true`. @@ -52,7 +52,7 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img1.png) +![ASP.NET MVC Grid Initial Grouping](Grouping_images/Grouping_img1.png) ## Initial Grouping @@ -101,7 +101,7 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img2.png) +![ASP.NET MVC Grid Multi-Column Grouping](Grouping_images/Grouping_img2.png) ## Multi-Column Grouping @@ -150,7 +150,7 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img3.png) +![ASP.NET MVC Grid Group Buttons](Grouping_images/Grouping_img3.png) ## Group Buttons @@ -199,7 +199,7 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img4.png) +![ASP.NET MVC Grid Hide Ungroup Button](Grouping_images/Grouping_img4.png) ## Hide Ungroup Button @@ -248,7 +248,7 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img5.png) +![ASP.NET MVC Grid Hide Grouped Column](Grouping_images/Grouping_img5.png) ## Hide Grouped Column @@ -297,7 +297,7 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img6.png) +![ASP.NET MVC Grid AutoSize Drop Area](Grouping_images/Grouping_img6.png) ## AutoSize Drop Area @@ -346,7 +346,7 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img7.png) +![ASP.NET MVC Grid Hide Drop Area](Grouping_images/Grouping_img7.png) ## Hide Drop Area @@ -395,7 +395,7 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img8.png) +![ASP.NET MVC Grid Group Caption Format](Grouping_images/Grouping_img8.png) ## Group Caption Format/Group Caption Template @@ -471,10 +471,10 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img9.png) +![ASP.NET MVC Grid grouped records count in server-side](Grouping_images/Grouping_img9.png) -![](Grouping_images/Grouping_img10.png) +![ASP.NET MVC Grid server-side](Grouping_images/Grouping_img10.png) ## Handling grouped records count in server-side @@ -541,7 +541,7 @@ The following code example describes the above behavior. The following output is displayed as a result of the above code example. -![](Grouping_images/Grouping_img11.png) +![ASP.NET MVC Grid Handling grouped records](Grouping_images/Grouping_img11.png) diff --git a/aspnetmvc/Grid/Stackedheader.md b/aspnetmvc/Grid/Stackedheader.md index 09b1b56c..1fa4a4a6 100644 --- a/aspnetmvc/Grid/Stackedheader.md +++ b/aspnetmvc/Grid/Stackedheader.md @@ -1,13 +1,13 @@ --- layout: post -title: Stacked Headers with Grid widget for Asp.net MVC -description: How to stack column Header and customize it +title: Stacked Headers in ASP.NET MVC Grid Control | Syncfusion +description: Learn here about Stacked Headers in Syncfusion Essential ASP.NET MVC Grid Control, its elements, and more. platform: ejmvc control: Grid documentation: ug --- -# Stacked Headers +# Stacked Headers in ASP.NET MVC Grid The stacked headers helps you to group the logical columns in the Grid. It can be shown by setting the `ShowStackedHeader` as `true` and by defining the `StackedHeaderRows`. @@ -74,4 +74,4 @@ namespace SyncfusionMvcApplication3.Controllers {% endtabs %} -![](Stackedheader_images/Stackedheader_img1.png) +![ASP.NET MVC Grid stacked header](Stackedheader_images/Stackedheader_img1.png) diff --git a/aspnetmvc/TimePicker/Keyboard-Interaction.md b/aspnetmvc/TimePicker/Keyboard-Interaction.md index ce26a1f3..90da703c 100644 --- a/aspnetmvc/TimePicker/Keyboard-Interaction.md +++ b/aspnetmvc/TimePicker/Keyboard-Interaction.md @@ -1,13 +1,13 @@ --- layout: post title: Keyboard Interaction | TimePicker | ASP.NET MVC | Syncfusion -description: keyboard interaction +description: Learn here about keyboard interaction in Syncfusion Essential ASP.NET MVC TimePicker Control, its elements, and more. platform: ejmvc control: TimePicker documentation: ug --- -# Keyboard Interaction +# Keyboard Interaction in ASP.NET MVC TimePicker You can use Keyboard shortcut keys as an alternative to the mouse on using TimePicker widget. TimePicker widget allows you to perform all kinds of actions using keyboard shortcuts. For enabling the keyboard navigation, we need to set the access key to TimePicker control by using HtmlAttributes property. The HtmlAttributes receives the IDictionary object. The IDictionary represents a generic collection of key/value pairs. @@ -97,7 +97,7 @@ The following steps explains you on how to enable keyboard interaction for the T -![](Keyboard-Interaction_images/Keyboard-Interaction_img1.png) +![ASP.NET MVC TimePicker keyboard interaction](Keyboard-Interaction_images/Keyboard-Interaction_img1.png) TimePicker focused with keyboard shortcut {:.caption}