Customizing Treeview
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-treeview-font-family | List |
|
|
Description Font family of the treeview component. | |||
$kendo-treeview-font-size | Number |
|
|
Description Font size of the treeview component. | |||
$kendo-treeview-line-height | Number |
|
|
Description Line height of the treeview component. | |||
$kendo-treeview-indent | Number |
|
|
Description Indentation of child groups in treeview component. | |||
$kendo-treeview-item-padding-x | Number |
|
|
Description Horizontal padding of treeview items. | |||
$kendo-treeview-item-padding-y | Number |
|
|
Description Vertical padding of treeview items. | |||
$kendo-treeview-item-border-width | Number |
|
|
Description Border width of treeview items. | |||
$kendo-treeview-item-border-radius | Null |
|
|
Description Border radius of treeview items. | |||
$kendo-treeview-sizes | Map |
|
|
Description The sizes of the treeview. | |||
$kendo-treeview-bg | Null |
|
|
Description Background color of the treeview component. | |||
$kendo-treeview-text | Color |
|
|
Description Text color of the treeview component. | |||
$kendo-treeview-border | Null |
|
|
Description Border color of the treeview component. | |||
$kendo-treeview-item-hover-bg | Color |
|
|
Description Background color of hovered treeview items. | |||
$kendo-treeview-item-hover-text | Null |
|
|
Description Text color of hovered treeview items. | |||
$kendo-treeview-item-hover-border | Null |
|
|
Description Border color of hovered treeview items. | |||
$kendo-treeview-item-hover-gradient | Null |
|
|
Description Background gradient of hovered treeview items. | |||
$kendo-treeview-item-selected-bg | Null |
|
|
Description Background color of selected treeview items. | |||
$kendo-treeview-item-selected-text | Color |
|
|
Description Text color of selected treeview items. | |||
$kendo-treeview-item-selected-border | Null |
|
|
Description Border color of selected treeview items. | |||
$kendo-treeview-item-selected-gradient | Null |
|
|
Description Background gradient of selected treeview items. | |||
$kendo-treeview-item-focus-shadow | Null |
|
|
Description Box shadow of focused treeview items. | |||
$kendo-treeview-loadmore-bg | Color |
|
|
Description Background color of load more. | |||
$kendo-treeview-loadmore-text | String |
|
|
Description Text color of load more. | |||
$kendo-treeview-loadmore-border | Null |
|
|
Description Border color of load more. | |||
$kendo-treeview-loadmore-hover-bg | Color |
|
|
Description Background color of a hovered load more. | |||
$kendo-treeview-loadmore-hover-text | String |
|
|
Description Text color of a hovered load more. | |||
$kendo-treeview-loadmore-hover-border | Null |
|
|
Description Border color of a hovered load more. | |||
$kendo-treeview-loadmore-focus-bg | Color |
|
|
Description Background color of a focused load more. | |||
$kendo-treeview-loadmore-focus-text | String |
|
|
Description Text color of a focused load more. | |||
$kendo-treeview-loadmore-focus-border | Null |
|
|
Description Border color of a focused load more. | |||
$kendo-treeview-loadmore-focus-shadow | Null |
|
|
Description Box shadow of a focused load more. |