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
6 changes: 3 additions & 3 deletions aspnet/Gantt/How-to/Change-Weekend.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Change-Weekend | Gantt | ASP.NET Webforms | Syncfusion
description: Change workweek/working days in a week
description: Learn here about change workweek/working days in a week in Syncfusion ASP.NET Webforms Gantt Control, its elements, and more.
platform: aspnet
control: Gantt
documentation: ug
---

## Change workweek/working days in a week
# Change workweek/working days in a week in ASP.NET Webforms Gantt
Non-working days/weekend are used to represent the non-productive days in a project. It is possible to change the non-working days in a week using the `WorkWeek` property in Gantt.

By default, Saturdays and Sundays are considered as non-working days/weekend in a project.
Expand All @@ -23,7 +23,7 @@ The following code example explains how to change weekend/non-working days

The above code example makes Fridays and Saturdays as non-working days in a week.

![](Change-Workweek_images/Change_Workweek_img1.png)
![ASP.NET Webforms Gantt Change workweek](Change-Workweek_images/Change_Workweek_img1.png)

The above screen shot will be displayed after changing the non-working days in Gantt.
{:.caption}
Expand Down
30 changes: 15 additions & 15 deletions aspnet/Grid/Filtering.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Filtering with Grid widget for Syncfusion Essential ASP.NET
description: How to enable filtering and its functionalities
title: Filtering in ASP.NET Web Forms Grid Control | Syncfusion
description: Learn here about filtering support in Syncfusion Essential ASP.NET Web Forms Grid Control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
---
# Filtering
# Filtering in ASP.NET Web Forms Grid

Filtering helps to view particular or related records from dataSource which meets a given filtering criteria. To enable filter, set `AllowFiltering` property as`true`.

Expand Down Expand Up @@ -102,7 +102,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Filtering_images/Filtering_img1.png)
![ASP.NET Web Forms Grid Menu Filter](Filtering_images/Filtering_img1.png)


## Menu Filter
Expand Down Expand Up @@ -187,19 +187,19 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Filtering_images/Filtering_img2.png)
![ASP.NET Web Forms Grid Numeric Filter](Filtering_images/Filtering_img2.png)

Numeric Filter

![](Filtering_images/Filtering_img3.png)
![ASP.NET Web Forms Grid String Filter](Filtering_images/Filtering_img3.png)

String Filter

![](Filtering_images/Filtering_img4.png)
![ASP.NET Web Forms Grid ate Filter](Filtering_images/Filtering_img4.png)

Date Filter

![](Filtering_images/Filtering_img5.png)
![ASP.NET Web Forms Grid Boolean Filter](Filtering_images/Filtering_img5.png)

Boolean Filter

Expand Down Expand Up @@ -282,7 +282,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Filtering_images/Filtering_img6.png)
![ASP.NET Web Forms Grid Checkbox list generation](Filtering_images/Filtering_img6.png)


### Checkbox list generation:
Expand Down Expand Up @@ -367,7 +367,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Filtering_images/filtering_img7.png)
![ASP.NET Web Forms Grid filter checkbox](Filtering_images/filtering_img7.png)


### Add current selection to filter checkbox:
Expand All @@ -376,7 +376,7 @@ When filtering is done multiple times on the same column then the previously fil

The following image describes the above mentioned behavior.

![](filtering_images/filtering_img12.png)
![ASP.NET Web Forms Grid Case Sensitivity](filtering_images/filtering_img12.png)


### Case Sensitivity
Expand Down Expand Up @@ -457,7 +457,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Filtering_images/filtering_img8.png)
![ASP.NET Web Forms Grid Filter Bar](Filtering_images/filtering_img8.png)


## Filter Bar
Expand Down Expand Up @@ -676,7 +676,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Filtering_images/filtering_img9.png)
![ASP.NET Web Forms Grid Filter bar modes](Filtering_images/filtering_img9.png)


Filter bar modes:
Expand Down Expand Up @@ -765,7 +765,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Filtering_images/filtering_img10.png)
![ASP.NET Web Forms Grid Filter Operators](Filtering_images/filtering_img10.png)


## Filter Operators
Expand Down Expand Up @@ -1000,6 +1000,6 @@ namespace WebSampleBrowser.Grid

The following output is displayed as a result of the above code example.

![](filtering_images/filtering_img11.png)
![ASP.NET Web Forms Grid FilterBar Template](filtering_images/filtering_img11.png)
{:caption}
After Filtering
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Apply formatting for columns dynamically | Grid | ASP.NET Webforms | Syncfusion
description: apply formatting for columns dynamically
title: Apply formatting in ASP.NET Webforms Grid Control | Syncfusion
description: Learn here about apply formatting for columns dynamically in Syncfusion ASP.NET Webforms Grid Control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
---

## Apply formatting for columns dynamically
# Apply formatting for columns in ASP.NET Webforms Grid

Column format can be used dynamically to change data values format with the help of the public method. The following code example illustrates the Essential JavaScript with column formatting in public method.

Expand Down
6 changes: 3 additions & 3 deletions aspnet/Grid/How-to/Initialize-Grid.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Initialize Grid | Grid | ASP.NET Webforms | Syncfusion
description: initialize grid
description: Learn here about initialization in Syncfusion Essential ASP.NET Webforms Grid Control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
---

## Initialize Grid
# Initialize ASP.NET Webforms Grid

In this section, you can learn about Grid’s mandatory property to render a simple Grid. To initialize Grid, it needs two important properties. They are columns and its inner property field. Columns are used to define schema of Grid and field is mapping a name to the data source.

Expand All @@ -31,7 +31,7 @@ In this section, you can learn about Grid’s mandatory property to render a sim

The following output is displayed as a result of the above code example.

![](Initialize-Grid_images/Initialize-Grid_img1.png)
![ASP.NET Webforms Grid initialization](Initialize-Grid_images/Initialize-Grid_img1.png)



4 changes: 2 additions & 2 deletions aspnet/Grid/Overview.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Overview | Grid | ASP.NET Webforms | Syncfusion
description: overview
description: Learn here about overview of Syncfusion Essential ASP.NET WebForms Grid Control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
---

# Overview
# Overview of ASP.NET WebForms Grid

The Grid control for ASP.NET is an efficient display engine for tabular data. It will pull from a datasource, such as ListCollection, OData web services, or SQLData, binding data fields to columns and displaying a column header to identify the field. It is a feature-rich control that provides extensive appearance customization options with support for grouped records. This Grid is very useful for generating complex grid-based reports with rich formatting. The most important features available in the Grid control for ASP.NET are paging, sorting, filtering, searching, grouping, and editing.

Expand Down
18 changes: 9 additions & 9 deletions aspnet/Grid/Selection.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Selection with Grid widget for Syncfusion Essential ASP
description: How to enable selection and its functionalities
title: Selection in ASP.NET Web Forms Grid Control | Syncfusion
description: Learn here about selection support in Syncfusion Essential ASP.NET Web Forms Grid Control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
---
# Selection
# Selection in ASP.NET Web Forms Grid

Selection provides an interactive support to highlight the row, cell or column that you select. Selection can be done through simple Mouse down or Keyboard interaction. To enable selection, set `AllowSelection` as `true`.

Expand Down Expand Up @@ -102,7 +102,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example

![](Selection_images/Selection_img1.png)
![ASP.NET Web Forms Grid Multiple Row Selection](Selection_images/Selection_img1.png)

## Multiple Row Selection using Checkbox Column

Expand Down Expand Up @@ -144,7 +144,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example

![](Selection_images/Selection_img12.png)
![ASP.NET Web Forms Grid Cell Selection](Selection_images/Selection_img12.png)

## Cell Selection

Expand Down Expand Up @@ -223,7 +223,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example

![](Selection_images/Selection_img2.png)
![ASP.NET Web Forms Grid Cell Selection Mode](Selection_images/Selection_img2.png)

### Cell Selection Mode

Expand Down Expand Up @@ -307,7 +307,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example

![](Selection_images/Selection_img3.png)
![ASP.NET Web Forms Grid Column Selection](Selection_images/Selection_img3.png)


## Column Selection
Expand Down Expand Up @@ -387,7 +387,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example

![](Selection_images/Selection_img4.png)
![ASP.NET Web Forms Grid Touch options](Selection_images/Selection_img4.png)


## Touch options
Expand Down Expand Up @@ -466,7 +466,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Selection_images/Selection_img5.png)
![ASP.NET Web Forms Grid toggle selection](Selection_images/Selection_img5.png)


## Toggle Selection
Expand Down
16 changes: 8 additions & 8 deletions aspnet/Grid/Sorting.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Sorting with Grid widget for Syncfusion Essential ASP.NET
description: How to enable sorting and its functionalities
title: Sorting in ASP.NET Web Forms Grid Control | Syncfusion
description: Learn here about sorting support in Syncfusion Essential ASP.NET Web Forms Grid Control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
---
# Sorting
# Sorting in ASP.NET Web Forms Grid
The Grid control has support to sort data bound columns in ascending or descending order. This can be achieved by setting `AllowSorting` property as `true`.

To dynamically sort a particular column, click on its column header. The order switch between ascending and descending each time you click a column header for sorting.
Expand Down Expand Up @@ -85,7 +85,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Sorting_images/Sorting_img1.png)
![ASP.NET Web Forms Grid Initial Sorting](Sorting_images/Sorting_img1.png)

## Initial Sorting
Through `SortedColumns` property of `SortSettings`, you can sort the columns while initializing the grid itself. You need to specify the `Field` (Columns) name and `Direction` in the `SortedColumns`.
Expand Down Expand Up @@ -167,7 +167,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Sorting_images/Sorting_img2.png)
![ASP.NET Web Forms Grid Multi-Column Sorting](Sorting_images/Sorting_img2.png)

## Multi-Column Sorting
Sort multiple columns in grid by setting `AllowMultiSorting` property as true. The sorting order is displayed in the header while doing multi sorting.
Expand Down Expand Up @@ -253,7 +253,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Sorting_images/Sorting_img3.png)
![ASP.NET Web Forms Grid Stable sorting](Sorting_images/Sorting_img3.png)

## Stable sorting
For sorting, grid uses default browser's sort function for better performance. On multi column sorting in some browsers like chrome, the records order will be different due to unstable implementation of sorting algorithm in it.
Expand Down Expand Up @@ -347,7 +347,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Sorting_images/Sorting_img4.png)
![ASP.NET Web Forms Grid Touch options](Sorting_images/Sorting_img4.png)

## Touch options
While using Grid in a touch device, you have an option for multi sorting in single tap on the grid header. By tapping on the grid header, it will show the toggle button in small popup with sort icon. Now tap the button to enable multi sorting in single tap.
Expand Down Expand Up @@ -431,7 +431,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Sorting_images/Sorting_img5.png)
![ASP.NET Web Forms Grid sorting](Sorting_images/Sorting_img5.png)

N> To get the sorted data of the grid after sorting a column you can refer the [`How To`](https://help.syncfusion.com/aspnet/grid/how-to "Getting Datasource of Grid in Sorted Order").

Loading