Skip to content

Commit 77a899c

Browse files
authored
Review Column Menu - Groupable and Reorderable (#1547)
* Update menu.md * Update menu.md
1 parent 2185164 commit 77a899c

File tree

1 file changed

+13
-17
lines changed

1 file changed

+13
-17
lines changed

components/grid/columns/menu.md

Lines changed: 13 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ position: 20
1010

1111
# Column Menu
1212

13-
The Grid allows you to setup a menu for its columns. It enables you to perform high-level customization like [sorting]({%slug components/grid/features/sorting%}), [filtering]({%slug components/grid/filtering%}), [showing or hiding]({%slug grid-columns-visible%}) columns and [freezing or unfreezing]({%slug grid-columns-frozen%}) them.
13+
The Grid allows you to set up a menu for its columns. It enables you to perform high-level customization like [sorting]({%slug components/grid/features/sorting%}), [filtering]({%slug components/grid/filtering%}), [showing or hiding]({%slug grid-columns-visible%}) columns and [freezing or unfreezing]({%slug grid-columns-frozen%}) them.
1414

1515
>caption In this article:
1616
* [Basics](#basics)
@@ -31,7 +31,7 @@ To enable the Column Menu, set the `ShowColumnMenu` parameter of the `<TelerikGr
3131

3232
To disable the Column Menu for a specific column in the Grid, set the `ShowColumnMenu` parameter of the column to `false`.
3333

34-
You can see the what the column menu can do and how to control its settings in the [Features](#features) section. By default, all of them are enabled.
34+
You can see what the column menu can do and how to control its settings in the [Features](#features) section. By default, all of them are enabled.
3535

3636
>caption Enable the column menu for all Grid columns.
3737
@@ -85,31 +85,27 @@ To control the common features of the `Column Menu` use the `<GridColumnMenuSett
8585

8686
### Column Chooser
8787

88-
The Column Chooser in the Column Menu and allows you to toggle the visiblity of Grid columns from the Column Menu. By the default all columns are visible under the `Columns` section of the Column Menu (click the Columns item to expand it).
88+
The Column Chooser in the Column Menu allows you to toggle the visibility of Grid columns. By default, all columns are visible under the **Columns** section of the Column Menu. To expand the menu, click the **Columns** item.
8989

90-
The **Apply** button will set column visibility, according to the current checkbox values, and close the column menu. The **Reset** button will revert the checkbox values to their state when the column menu was opened. At this point the user can start over, click on **Apply** or click outside the column menu to close it.
91-
92-
![column chooser screenshot](images/column-menu-chooser-in-action.gif)
93-
94-
To disable the column chooser, set the `ShowColumnChooser` parameter of the `<GridColumnMenuSettings>` to `false`.
95-
96-
To hide a column from the Column Chooser set the `VisibleInColumnChooser` property of the column to `false`.
90+
The **Apply** button sets the column visibility according to the current checkbox values and closes the column menu. The **Reset** button reverts the checkbox values to their state when the column menu was opened. At this point, the user can start over, click **Apply**, or click outside the column menu to close it.
9791

92+
* To disable the column chooser, set the `ShowColumnChooser` parameter of the `<GridColumnMenuSettings>` to `false`.
93+
* To hide a column from the Column Chooser, set the `VisibleInColumnChooser` property of the column to `false`.
9894

9995
### Filtering
10096

10197
To control whether filtering is possible from the Column Menu set the `FilterMode` parameter of the `GridColumnMenuSettings` tag to a member of the `ColumnMenuFilterMode` enum:
10298

103-
* `None` - disables the filtering from the Column Menu. This is the recommended option if you use [`FilterRow` mode]({%slug grid-filter-row%}).
104-
* `FilterMenu` - enables a filter menu to apply filtering.
99+
* `None`disables the filtering from the Column Menu. This is the recommended option if you use the [`FilterRow` mode]({%slug grid-filter-row%}).
100+
* `FilterMenu`enables a filter menu to apply filtering.
105101

106102
### Groupable
107103

108-
To group the Grid from the Column Menu set the `Groupable` parameter of the `GridColumnMenuSettings` tag to `true`. This feature will group the component by the column you have opened the Column Menu from.
104+
To group the Grid from the Column Menu, set the `Groupable` parameter of the `GridColumnMenuSettings` tag to `true`. This feature will group the component by the column you have opened the Column Menu from.
109105

110106
### Frozen Columns
111107

112-
To disable locking and unlocking of a column from the Column Menu, set the `Lockable` parameter of the column to `false`.
108+
To disable the locking and unlocking of a column from the Column Menu, set the `Lockable` parameter of the column to `false`.
113109

114110
### Sorting
115111

@@ -138,7 +134,7 @@ You can organize the columns in the [Column Chooser](#column-chooser) in differe
138134
* If you set the `Title` parameter of the `GridColumnMenuChooserItem` it will override the value of the `Title` parameter of the corresponding Grid Column.
139135

140136

141-
### Example
137+
### Column Menu Configuration Example
142138

143139
The following example shows the basic configuration of the `ColumnMenuSettings`.
144140

@@ -200,7 +196,7 @@ The columns in the Column Chooser are divided into sections. The Lockable option
200196
}
201197
````
202198

203-
### Example of Column Menu Features Settings
199+
### Column Menu Features Example
204200

205201
>caption Use the GridColumnMenuSettings tag to control the common features of the Column Menu, use column parameters to affect its relationship with the column menu
206202
@@ -251,7 +247,7 @@ The columns in the Column Chooser are divided into sections. The Lockable option
251247

252248
## Notes
253249

254-
* Applying settings to a Grid column like `Filterable="false"`, `Sortable="false"`, `Lockable="false"` will take precendence over the common settings applied in the `<GridColumnMenuSettings>` and disable the above-mentioned functionalities for the corresponding column.
250+
* Applying settings to a Grid column like `Filterable="false"`, `Sortable="false"`, `Lockable="false"` will take precedence over the common settings applied in the `<GridColumnMenuSettings>` and disable the above-mentioned functionalities for the corresponding column.
255251

256252
* If the Grid has a [frozen]({%slug grid-columns-frozen%}) column (`Locked="true"`), that column cannot be unfrozen from the column menu.
257253

0 commit comments

Comments
 (0)