Appearance Customization in Blazor TreeList
DevExpress TreeList for Blazor allows you to customize cell content and UI element appearance. This topic lists available options.
Styles and Attributes
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.
Templates
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 more information, see the following topic: Templates in Blazor TreeList.
Display Text
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 more information, see the following topic: Display Text in Blazor TreeList.