WebObjectTree Studio
Select dog breed:
  Reset
Keyboard Interface:
WebObjectTree supports the following keyboard interface for navigating its contents:

Tree Control
 Left Arrow Collapses the parent item
 Right Arrow Expands the parent item
 Up Arrow Selects the previous item
 Down Arrow Selects the next item
 Page Up Selects an item on the previous page
 Page Down Selects an item on the next page
 Home Selects the first item
 End Selects the last item
Item Editing (when enabled)
 F2 Begins an edit operation
 Enter Ends an edit operation
 Esc Cancels an edit operation
Others
 Shift + Tab Moves keyboard focus to the previous control
 Tab Moves keyboard focus to the next control


This sample demonstrates three additional WebObjectTree accessibility features:

1. The "AccessKey" property is set to "w" allowing a shortcut key to activate the control. Note, not all web browsers support or handle this property in the same way.

WebObjectTree.AccessKey = "w";

2. The "EnableOutline" property is set to "true" enabling an outline box to appear around the control when it has keyboard focus. The default value for this property is "false".

WebObjectTree.EnableOutline = true;

3. The "TabIndex" property is set to "1" specifying the tab order to receive keyboard focus for the control.

WebObjectTree.TabIndex = 1;

The current control with keyboard focus is: (Not supported)

In this sample the WebObjectTree is allowing you to select a breed of dog, organized by common categories. Clicking the "Submit" button will display the full path for your selection below:
Click the "Reset" link to clear your selection.
Control being used:
View the code:
The code is available in the samples directory under:
/BasicFeatures
    /KeyboardInterface