New to Kendo UI for Angular? Start a free 30-day trial
Customizing Filemanager
Variables
The following table lists the available variables for customization.
| Name | Type | Default value | Computed value |
|---|---|---|---|
| $kendo-file-manager-bg | var( --kendo-component-bg, transparent ) | ||
Description
Background color of the filemanager component. | |||
| $kendo-file-manager-text | var( --kendo-component-text, inherit ) | ||
Description
Text color of the filemanager component. | |||
| $kendo-file-manager-border | var( --kendo-component-border, inherit ) | ||
Description
Border color of the filemanager component. | |||
| $kendo-file-manager-toolbar-bg | $kendo-toolbar-bg | ||
Description
Background color of the toolbar. | |||
| $kendo-file-manager-toolbar-text | $kendo-toolbar-text | ||
Description
Text color of the toolbar. | |||
| $kendo-file-manager-toolbar-border | $kendo-toolbar-border | ||
Description
Border color of the toolbar. | |||
| $kendo-file-manager-navigation-padding-x | $kendo-file-manager-spacer | ||
Description
Horizontal padding of the navigation. | |||
| $kendo-file-manager-navigation-padding-y | $kendo-file-manager-spacer | ||
Description
Vertical padding of the navigation. | |||
| $kendo-file-manager-navigation-width | 20% | ||
Description
Width of the navigation. | |||
| $kendo-file-manager-navigation-border-width | $kendo-file-manager-border-width | ||
Description
Border width of the navigation. | |||
| $kendo-file-manager-navigation-bg | transparent | ||
Description
Background color of the navigation. | |||
| $kendo-file-manager-navigation-text | inherit | ||
Description
Text color of the navigation. | |||
| $kendo-file-manager-navigation-border | inherit | ||
Description
Border color of the navigation. | |||
| $kendo-file-manager-breadcrumb-padding-x | map.get( $kendo-spacing, 2 ) | ||
Description
Horizontal padding of the breadcrumb. | |||
| $kendo-file-manager-breadcrumb-padding-y | map.get( $kendo-spacing, 2 ) | ||
Description
Vertical padding of the breadcrumb. | |||
| $kendo-file-manager-breadcrumb-border-width | $kendo-file-manager-border-width | ||
Description
Border width of the breadcrumb. | |||
| $kendo-file-manager-breadcrumb-bg | $kendo-toolbar-bg | ||
Description
Background color of the breadcrumb. | |||
| $kendo-file-manager-breadcrumb-text | inherit | ||
Description
Text color of the breadcrumb. | |||
| $kendo-file-manager-breadcrumb-border | inherit | ||
Description
Border color of the breadcrumb. | |||
| $kendo-file-manager-listview-bg | transparent | ||
Description
Background color of the listview. | |||
| $kendo-file-manager-listview-text | inherit | ||
Description
Text color of the listview. | |||
| $kendo-file-manager-listview-border | inherit | ||
Description
Border color of the listview. | |||
| $kendo-file-manager-listview-item-padding-x | map.get( $kendo-spacing, 4 ) | ||
Description
Horizontal padding of the listview item. | |||
| $kendo-file-manager-listview-item-padding-y | map.get( $kendo-spacing, 4 ) | ||
Description
Vertical padding of the listview item. | |||
| $kendo-file-manager-listview-item-width | 120px | ||
Description
Width of the listview item. | |||
| $kendo-file-manager-listview-item-height | 120px | ||
Description
Height of the listview item. | |||
| $kendo-file-manager-listview-item-icon-bg | transparent | ||
Description
Background color of the listview item icon. | |||
| $kendo-file-manager-listview-item-icon-text | var( --kendo-subtle-text, inherit ) | ||
Description
Text color of the listview item icon. | |||
| $kendo-file-manager-listview-item-icon-border | inherit | ||
Description
Border color of the listview item icon. | |||
| $kendo-file-manager-listview-item-icon-focus-bg | transparent | ||
Description
Background color of the focused listview item icon. | |||
| $kendo-file-manager-listview-item-icon-focus-text | inherit | ||
Description
Text color of the focused listview item icon. | |||
| $kendo-file-manager-listview-item-icon-focus-border | inherit | ||
Description
Border color of the focused listview item icon. | |||
| $kendo-file-manager-listview-item-icon-selected-bg | transparent | ||
Description
Background color of the selected listview item icon. | |||
| $kendo-file-manager-listview-item-icon-selected-text | inherit | ||
Description
Text color of the selected listview item icon. | |||
| $kendo-file-manager-listview-item-icon-selected-border | inherit | ||
Description
Border color of the selected listview item icon. | |||
| $kendo-file-manager-grid-bg | transparent | ||
Description
Background color of the grid. | |||
| $kendo-file-manager-grid-text | inherit | ||
Description
Text color of the grid. | |||
| $kendo-file-manager-grid-border | inherit | ||
Description
Border color of the grid. | |||
| $kendo-file-manager-preview-padding-x | $kendo-file-manager-spacer | ||
Description
Horizontal padding of the preview. | |||
| $kendo-file-manager-preview-padding-y | $kendo-file-manager-spacer | ||
Description
Vertical padding of the preview. | |||
| $kendo-file-manager-preview-width | 20% | ||
Description
Width of the preview. | |||
| $kendo-file-manager-preview-border-width | $kendo-file-manager-border-width | ||
Description
Border width of the preview. | |||
| $kendo-file-manager-preview-spacing | $kendo-file-manager-spacer | ||
Description
Spacing of the preview. | |||
| $kendo-file-manager-preview-column-gap | map.get( $kendo-spacing, 1 ) | ||
Description
Spacing of the preview. | |||
| $kendo-file-manager-preview-bg | transparent | ||
Description
Background color of the preview. | |||
| $kendo-file-manager-preview-text | inherit | ||
Description
Text color of the preview. | |||
| $kendo-file-manager-preview-border | inherit | ||
Description
Border color of the preview. | |||
| $kendo-file-manager-preview-icon-bg | transparent | ||
Description
Background color of the preview icon. | |||
| $kendo-file-manager-preview-icon-text | var( --kendo-subtle-text, inherit ) | ||
Description
Text color of the preview icon. | |||
| $kendo-file-manager-preview-icon-border | inherit | ||
Description
Border color of the preview icon. | |||
