C1WebTreeView provides customizable symbol styles for the collapsed, expanded, and non-expanded elements/nodes as well as special vertical and horizontal lines in the tree. These special symbols are available through C1WebTreeViewSpecialSymbolStyle class.

All special symbols may be represented either by a custom image or by some text.

Below are commonly used special symbol styles for C1WebTreeView's items:

·      CollapsedNodeImageUrl

·      ExpandedNodeImageUrl

·      HorizontalLineImageUrl

·      NoExpandNodeImageUrl

·      VerticalLineImageUrl

The CollapsedNodeImageUrl, ExpandedNodeImageUrl, HorizontalLineImageUrl, NoExpandNodeImageUrl, and VerticalLineImageUrl properties are accessible via the design editor or the code editor.

To access the special symbols using the C1WebCommandEditor – C1WebTreeView editor, complete the following:

1.   Right-click on C1WebTreeView and select Edit from its tasks menu. The C1WebCommandEditor – C1WebTreeView1 appears.

2.   Select C1WebTreeView1 in the tree view and expand the node for the SpecialSymbolStyle property from its property sheet in the editor.

CollapsedNodeImageUrl

The CollapsedNodeImageUrl property gets or sets the URL to a custom image for the collapsible node indicator. The following treeview displays a custom image for the CollapsedNodeImageUrl:

ExpandedNodeImageUrl

The ExpandedNodeImageUrl gets or sets the URL to a custom image for the expandable node indicator. The following treeview displays a custom image for the ExpandedNodeImageUrl:

NoExpandNodeImageUrl

Gets or sets the URL to a custom image for the non-expandable node indicator. The following tree displays a custom image for the NoExpandNodeImageUrl:

HorizontalLine

The HorizontalLineImageUrl property is useful when you would like to see the hierarchical relationship between the objects. By setting the ShowLines property to True and assigning the custom image for the HorizontalLineImageUrl you get a clear picture of the hierarchical relationship for each object. The following tree displays a custom image for the HorizontalLineImageUrl:

VerticalLine

To create a better representation of the hierarchical relationships between the objects, the VerticalLineImageUrl property can be used together with the HorizontalLineImageUrl property. By setting the ShowLines property to True and assigning the custom image for the HorizontalLineImageUrl and the VerticalLineImageUrl properties you can see a better picture of the hierarchical relationship for each object. The following tree displays a custom image for the VerticalLineImageUrl and the HorizontalLineImageUrl: