Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Collapse]Tree List
   [Expand]Product Information
   [Collapse]Concepts
    [Expand]Binding to Data
    [Expand]Data Representation Basics
    [Expand]Data Editing
    [Expand]Data Shaping and Manipulation
     Drag and Drop
    [Expand]Focus and Navigation
     Appearance Customization
     Save and Restore Layout
    [Expand]Templates
     Toolbars
   [Expand]Visual Elements
   [Expand]Examples
   [Expand]Member Tables
  [Expand]Gauges
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Appearance Customization

DevExpress offers you multiple ways to customize the appearance of an ASPxTreeList.

  • Cascading Style Sheet (CSS) Classes

    Use cascading style sheet (CSS) classes. CSS styles define how elements are rendered, and their position on the page. This provides you with centralized control over the appearance of several controls, or the entire web site. The ASPxTreeList ships with predefined presets themes. You can also create your own themes.

  • Built-in Styles

    The ASPxTreeList provides multiple styles, so you can customize the appearance of individual elements, and manage the tree list's overall appearance. These styles can be accessed via the ASPxTreeList.Styles property. The styles used to paint the pager can be accessed via the ASPxTreeList.StylesPager property.

    Tree list columns provide their own styles used to paint their headers (TreeListColumn.HeaderStyle), data and footer cells (TreeListColumn.CellStyle and TreeListColumn.FooterCellStyle), etc. These styles override the corresponding styles of an ASPxTreeList.

  • Conditional Formatting

    Allows you to customize the appearance of individual cells and/or nodes. In this instance, you should handle the ASPxTreeList.HtmlDataCellPrepared and/or ASPxTreeList.HtmlRowPrepared events, and specify style settings used to paint required cells and/or nodes. For an example, please see How to: Implement Conditional Formatting.

How would you rate this topic?​​​​​​​