Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions aspnetmvc/Combobox/getting-started.md
Original file line number Diff line number Diff line change
@@ -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.

Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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)

28 changes: 14 additions & 14 deletions aspnetmvc/Grid/Grouping.md
Original file line number Diff line number Diff line change
@@ -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`.

Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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)



Expand Down
8 changes: 4 additions & 4 deletions aspnetmvc/Grid/Stackedheader.md
Original file line number Diff line number Diff line change
@@ -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`.

Expand Down Expand Up @@ -74,4 +74,4 @@ namespace SyncfusionMvcApplication3.Controllers
{% endtabs %}


![](Stackedheader_images/Stackedheader_img1.png)
![ASP.NET MVC Grid stacked header](Stackedheader_images/Stackedheader_img1.png)
6 changes: 3 additions & 3 deletions aspnetmvc/TimePicker/Keyboard-Interaction.md
Original file line number Diff line number Diff line change
@@ -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.

Expand Down Expand Up @@ -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}
Expand Down