This sample replaces the default WebObjectTree style sheet with a version that contains custom definitions.
This allows further customization of the appearance of WebObjectTree beyond what can be accomplished using the control properties alone.
To replace the style sheet, replace the default style sheet included on your page with a file that contains a custom set of definitions:
<link href="/Styles/Replacement.css" rel="stylesheet" type="text/css" />
See "Replacement.css" for an example, which participates in producing these results.
In this sample, the default CSS class name prefix is replaced with a custom value.
The following property informs the control about this application defined value:
WebObjectTree.CustomClassPrefix("mywot")
This is especially useful for web applications that have multiple instances of the WebObjectTree control where each instance can be bound to a different set of style sheet definitions.
In this sample the WebObjectTree is allowing you to select some food, organized by food group and item.
Clicking the "Submit" button will send the full path for your selection to the server and it will be displayed below:
/Vegetables/Spinach/Garlic Spinach
Click the "Reset" link to clear your selection.