Skip to end of metadata
Go to start of metadata

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:

PropertyDescription
BorderColorSets the color of the WebTreeView's border.
BorderStyleSets the border's style of the WebTreeView.
BroderWidthSets the border's width of the WebTreeView.
BackgroundImageSets each node's background image.
Font-NamesSets the font style to be applied to WebTreeView. This can be set under the Font property.
Font-SizeSets the size of the font to be applied to WebTreeView. This can also be set under the Font property.
Padding leftDetermines the amounts of space on the left of WebTreeView.
Padding rightDetermines the amounts of space on the right of WebTreeView.
Font-UnderlineSets underline style to each node in WebTreeView.
OverflowShows or hides the WebTreeView's scrollbar.
Overflow-XShows or hides the WebTreeView's horizontal scrollbar.
Overflow-YShows 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
    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.
  • Images
    Another style you can customize is the images. The images can be set in the ImageSettings property.
PropertyDescription
CheckBoxFalseImageGets or sets the images used to render false checkbox.
CheckBoxPartialImageGets or sets the image used to render partial checkbox.
CheckBoxTrueImageGets or sets the images used to render false checkbox.
CollapseImageGets or sets the image used to render node when node is collapsed.
ExpandedParentNodeImageGets or sets the image used to render expanded parent level node.
ExpandedRootNodeImageGets or sets the image used to render expanded root level mode.
ExpandedSelectedParentNodeGets or sets the image used to render expanded parent level node when node is selected.
ExpandImageGets or sets the image used to render node when node is expanded.
LeafNodeImageGets or sets the images used to render leaf level node.
ParentNodeImageGets or sets the image used to render parent level node.
RootNodeImageGets or sets the image used to render root level node.
SelectedLeafNodeImageGets or sets the image used to render selected leaf level node.
SelectedParentNodeImageGets or sets the image used to render selected parent level node.
SelectedRootNodeGets or sets the image used to render selected root level node.