You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: components/grid/overview.md
+1Lines changed: 1 addition & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -161,6 +161,7 @@ The following table lists Grid parameters, which are not discussed elsewhere in
161
161
162
162
| Parameter | Type and Default Value | Description |
163
163
| --- | --- | --- |
164
+
|`AdaptiveMode`|`AdaptiveMode` enum <br /> (`None`) | Defines the adaptive mode of the Grid. When set to `Auto`, and the window width is below [`768px` or `RootComponentAdaptiveSettings.Medium`](slug:adaptive-rendering#rendering-specifics), the Grid will render ins inner popups (for example, FilterMenu, ContextMenu and more) as an `ActionSheet`. |
164
165
|`Class`|`string`| Additional CSS class for the `<div class="k-grid">` element. Use it to apply custom styles or [override the theme](slug:themes-override). For example, [change the Grid font size](slug:grid-kb-change-font-size). |
165
166
|`Height`|`string`| A height style in [any supported CSS unit](slug:common-features/dimensions). You can also [make the Grid height change automatically with the browser window](slug:grid-kb-adjust-height-with-browser). |
Copy file name to clipboardExpand all lines: components/grid/toolbar.md
+62-1Lines changed: 62 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -23,8 +23,15 @@ The [Blazor Grid](https://demos.telerik.com/blazor-ui/grid/overview) provides se
23
23
| Tool Name | Tool Tag | Description |
24
24
| --- | --- | --- |
25
25
| Add |`GridToolBarAddTool`| An add command that fires the [`OnAdd` event](slug:grid-editing-overview#events). |
26
+
| Cancel |`GridToolBarCancelEditTool`| Cancels the changes for the selected row. [Row selection](slug:grid-selection-row) and [`Inline`](slug:grid-editing-inline) or [`Popup`](slug:grid-editing-popup) editing mode are required. |
26
27
| CsvExport |`GridToolBarCsvExportTool`| An export command for CSV files that fires the [`OnBeforeExport` event](slug:grid-export-events#onbeforeexport). |
28
+
| Delete |`GridToolBarDeleteTool`| Deletes the selected row. Row selection and `Inline` or `Popup` editing mode are required. |
29
+
| Edit |`GridToolBarEditTool`| Enters edit mode for the selected row. Row selection and `Inline` or `Popup` editing mode are required. |
27
30
| ExcelExport |`GridToolBarExcelExportTool`| An export command for Excel files that fires the [`OnBeforeExport` event](slug:grid-export-events#onbeforeexport). |
31
+
| Filter |`GridToolBarFilterTool`| A toggle button in the Grid’s toolbar that opens a UI option for filtering. On desktop screens, it displays a popup with a filter menu; on mobile devices, it renders an `ActionSheet`. The filter component has two views: one for selecting the column to filter, and another for applying the filter to the selected column. The tool also exposes an `Icon` parameter that allows you to override the default icon. |
32
+
| Group |`GridToolBarGroupTool`| A toggle button in the Grid’s toolbar that opens a popup listing the groupable columns—click a column to group by it. On mobile devices, the popup is rendered as an `ActionSheet`. The tool also exposes an `Icon` parameter that allows you to override the default icon. |
33
+
| Save |`GridToolBarSaveEditTool`| Saves the changes for the selected row. Row selection and `Inline` or `Popup` editing mode are required. |
34
+
| Sort |`GridToolBarSortTool`| A toggle button in the Grid’s toolbar that opens a popup listing the sortable columns—click a column to sort by it. On mobile devices, the popup is rendered as an `ActionSheet`. The tool also exposes an `Icon` parameter that allows you to override the default icon. |
28
35
| SearchBox |`GridToolBarSearchBoxTool`| A searchbox that filters multiple Grid columns simultaneously. |
29
36
30
37
### Layout Tools
@@ -52,9 +59,24 @@ Add a `<GridToolBar>` tag inside `<TelerikGrid>` to configure a toolbar, for exa
Copy file name to clipboardExpand all lines: components/pager/overview.md
+3-1Lines changed: 3 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -80,13 +80,15 @@ The Blazor Pager provides various parameters that allow you to configure the com
80
80
81
81
| Parameter | Type and Default Value | Description |
82
82
| ----------- | ----------- | ----------- |
83
-
|`Adaptive` | `bool` <br /> (`true`) | Defines whether pager elements should be changed based on the screen size. When enabled, the Pager will hide its `Pager Info` and `PageSize Dropdownlist` if they cannot fit in the available space. In the smallest resolution, the page buttons will be rendered as a select element.
83
+
|`Adaptive`|`bool` <br /> (`true`) | Defines whether pager elements change based on the screen size. When enabled, the Pager will hide its `Pager Info` and `PageSize Dropdownlist` if they cannot fit in the available space. In the smallest resolution, the page buttons will be rendered as a select element. This parameter will be deprecated in the next major version in favor of the new `Responsive` parameter. |
84
+
|`AdaptiveMode`|`AdaptiveMode` enum <br /> (`None`) | Defines the adaptive mode of the Pager. When set to `Auto`, and the window width is below [`768px` or `RootComponentAdaptiveSettings.Medium`](slug:adaptive-rendering#rendering-specifics), components with popups will render them as an `ActionSheet`. In this case, the page sizes dropdown only. |
84
85
|`ButtonCount`|`int`| The maximum number of page buttons that will be visible. To take effect, `ButtonCount` must be smaller than the page count (`ButtonCount < Total / PageSize`). |
85
86
|`Class`|`string`| Renders a custom CSS class to the `<div class="k-pager-wrap">` element. |
86
87
|`Page`|`int`| Represents the current page of the pager. The first page has an index of `1`. Supports two-way binding. If no value is provided, the parameter will default to the first page (1), but you should always use this parameter value in order to successfully use the component. If you don't use two-way binding and you don't update the value of the parameter after the user action, the pager UI will not reflect the change and will revert to the previous value (page index). |
87
88
|`PageSize`|`int`| The number of items to display on a page. Supports two-way binding. |
88
89
|`PageSizes`|`List<int?>`| Allows users to change the page size via a DropDownList. The attribute configures the DropDownList options. A `null` item in the `PageSizes``List` will render an "All" option. By default, the Pager DropDownList is not displayed. You can also set `PageSizes` to `null` programmatically to remove the DropDownList at any time. |
89
90
|`InputType`|`PagerInputType` enum <br /> (`Buttons`) | Determines if the pager will show numeric buttons to go to a specific page, or a textbox to type the page index. The arrow buttons are always visible. The `PagerInputType` enum accepts values `Buttons` (default) or `Input`. When `Input` is used, the page index will change when the textbox is blurred, or when the user hits Enter. This is to avoid unintentional data requests. |
91
+
|`Responsive`|`bool` <br /> (`true`) | Defines whether pager elements change based on the screen size. When enabled, the Pager will hide its `Pager Info` and `PageSize Dropdownlist` if they cannot fit in the available space. In the smallest resolution, the page buttons will be rendered as a select element. |
90
92
|`ShowInfo`|`bool` <br /> (`true`) | Defines whether the information about the current page and the total number of records is present. |
91
93
|`Total`|`int`| Represents the total count of items in the pager. |
0 commit comments