blazor-405088-components-treelist-appearance-customization-appearance-customization.md
DevExpress TreeList for Blazor allows you to customize cell content and UI element appearance. This topic lists available options.
Like other Blazor components, the TreeList supports custom CSS classes. For some TreeList elements, you can assign classes directly:
| TreeList Element | Property |
|---|---|
| DxTreeList | CssClass |
| PopupEditForm | PopupEditFormCssClass |
| DxEditSettings | CssClass |
| DxEditorButton | CssClass |
| DxDropDownEditSettings | DropDownCssClass |
| DxDropDownEditSettings | DropDownBodyCssClass |
To customize other elements, handle the CustomizeElement event. In the event handler, you can implement conditions under which custom styles are applied to specific components.
The TreeList component displays command column actions as icons. Specify DisplayMode to replace icons with captions or display both.
TreeList templates are RenderFragment<TValue> properties. They replace the default content area rendering and allow you to arrange custom content in various TreeList elements.
For additional information, see the following topic: Templates in Blazor TreeList.
The TreeList component creates element content based on the specified data source. You can customize how the component displays text content in data cells, column headers, and summaries.
For additional information, see the following topic: Display Text in Blazor TreeList.