Display
The Telerik and Kendo UI Display Utilities are CSS utility classes that enable you to specify the display type of an element.
| Utility Class | CSS Property |
|---|---|
.k-d-none | display: none; |
.k-d-contents | display: contents; |
.k-d-block | display: block; |
.k-d-inline | display: inline; |
.k-d-inline-block | display: inline-block; |
.k-d-flex | display: flex; |
.k-d-inline-flex | display: inline-flex; |
.k-d-grid | display: grid |
.k-d-inline-grid | display: inline-grid |
.k-d-table | display: table; |
.k-d-inline-table | display: inline-table; |
.k-d-list-item | display: list-item; |
.k-d-table-row | display: table-row; |
.k-d-table-cell | display: table-cell; |
Inline
Use the k-d-inline utility to display multiple elements on a single row.
Block
Use the k-d-block utility to display each element on a new row.
Flex
Use the k-d-flex utility to display the elements in a flex container.
None
Use the k-d-none utility to prevent elements from being displayed.
