A tree control is an expandable and collapsable selection mechanism that dynamically displays grouped items.

Accessible Tree

Bootstrap Syntax

<div class="accTree"
data-src="path/file.xml"
data-label="Accessible Field Name"
data-type="ControlType"
id="uniqueID"
></div>

Attributes

XML Syntax

<?xml version="1.0" encoding="UTF-8" ?>
<tree>
<folder id="uniqueID1" name="Folder Name">
<subfolder id="uniqueID2" name="Subfolder Name">
<item id="uniqueID3" name="Item Name"></item>
</subfolder>
<item id="uniqueID4" name="Item Name"></item>
</folder>
</tree>