Besides incorporating numerous features, WebTreeView is also highly customizable in terms of style, appearance, and images of the node and frame.
You can easily customize WebTreeView to any style and appearance. The Web-based Vista Explorer replica is a perfect sample describing this scenario. Please take a look at the code below.
Notice the above example and you'll see that these following properties are set:
|BorderColor||Sets the color of the WebTreeView's border.|
|BorderStyle||Sets the border's style of the WebTreeView.|
|BroderWidth||Sets the border's width of the WebTreeView.|
|BackgroundImage||Sets each node's background image.|
|Font-Names||Sets the font style to be applied to WebTreeView. This can be set under the Font property.|
|Font-Size||Sets the size of the font to be applied to WebTreeView. This can also be set under the Font property.|
|Padding left||Determines the amounts of space on the left of WebTreeView.|
|Padding right||Determines the amounts of space on the right of WebTreeView.|
|Font-Underline||Sets underline style to each node in WebTreeView.|
|Overflow||Shows or hides the WebTreeView's scrollbar.|
|Overflow-X||Shows or hides the WebTreeView's horizontal scrollbar.|
|Overflow-Y||Shows or hides the WebTreeView's vertical scrollbar|
- Frames Appearance
Frame appearance is an ASP.NET inherited style. This enables you to customize the basic appearance of WebTreeView. You can easily set the background color, font and its color, border color, width, and style.
Appearance is WebTreeView's own style. It provides you numerous properties to set which will help you create and customize your WebTreeView easily. Under the appearance property, you can set the Frame Style, Node Style (Active state, Normal state, and Over state), the loading image and the text. Please see our documentation for the complete list.
Another style you can customize is the images. The images can be set in the ImageSettings property.
|CheckBoxFalseImage||Gets or sets the images used to render false checkbox.|
|CheckBoxPartialImage||Gets or sets the image used to render partial checkbox.|
|CheckBoxTrueImage||Gets or sets the images used to render false checkbox.|
|CollapseImage||Gets or sets the image used to render node when node is collapsed.|
|ExpandedParentNodeImage||Gets or sets the image used to render expanded parent level node.|
|ExpandedRootNodeImage||Gets or sets the image used to render expanded root level mode.|
|ExpandedSelectedParentNode||Gets or sets the image used to render expanded parent level node when node is selected.|
|ExpandImage||Gets or sets the image used to render node when node is expanded.|
|LeafNodeImage||Gets or sets the images used to render leaf level node.|
|ParentNodeImage||Gets or sets the image used to render parent level node.|
|RootNodeImage||Gets or sets the image used to render root level node.|
|SelectedLeafNodeImage||Gets or sets the image used to render selected leaf level node.|
|SelectedParentNodeImage||Gets or sets the image used to render selected parent level node.|
|SelectedRootNode||Gets or sets the image used to render selected root level node.|