Appearance Customization
DevExpress offers you multiple ways to customize the appearance of ASPxTreeList.
Cascading Style Sheet (CSS) Classes
The ASPxTreeList appearance can be customized using cascading style sheet (CSS) classes. A CSS contains style rules that are applied to control's elements. CSS styles define how the elements are rendered along with their position on the page. This provides centralized control over the appearance of several controls or the entire website.
Built-in Themes
ASPxTreeList ships with predefined built-in themes that allow you to change how the control looks or behaves with just several mouse clicks. It also possible to create a custom theme basing it on any desired built-in DevExpress Theme.
Style Properties
ASPxTreeList provides multiple styles, so you can customize the appearance of individual elements, and manage the tree list's overall appearance.
Template Support
ASPxTreeList provides a set of templates that allow you to create custom layouts for its visual elements (column headers, data and footer cells, etc.).
Show Demo
Alternating Node Style
To enhance the ASPxTreeList's readability, you can highlight alternating nodes with different styles with just one mouse click. You can also override the default style and provide your own style setting if you wish.
Show Demo
Grid Lines and Tree Lines
DevExpress tree list control provides multiple options that control the visibility of a control's border, tree lines, and grid lines. The gridlines can be rendered horizontally, vertically, or both.
Show Demo
Conditional Formatting
To highlight important data or better indicate differences between values, you can use Conditional Formatting. With this feature, entire records or individual cells can be formatted depending upon the data they contain.
The simplest use scenario is to highlight records or cells that have a particular value or that have values above or below a particular limit. Beyond these, you can also apply a "color map". This means that cells will use shades of the same color - lighter shades for smaller numbers and darker shades for higher numbers.
Show Demo
|