Documentation
Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'
Tree
Description
- Purpose
- Trees present hierarchically structured data.
Rivals
- Drilldown
- A Drilldown shows only one level of the hierarchy, the Tree will show all at the same time.
- Presentation Table
- Allthough the rows in a table are expandable, entries in a table reflect entities and certain aspects of them. Nodes, however, are entities by themself.
Rules
- Usage
- A Tree SHOULD NOT be used for data-structures with little hierarchy. E.g., listing objects and their properties would call for a Presentation Table rather than a Tree (see "rivals"), since this is a two-dimensional structure only.
- A Tree SHOULD NOT mix different kind of nodes, i.e. all nodes in the same Tree SHOULD be identical in structure.
- Accessibility
- All tree nodes are contained in or owned by an element with role "tree".
- Each element serving as a tree node has role "treeitem".
- Each root node is contained in the element with role "tree".
- Each parent node contains an element with role "group" that contains the sub nodes of that parent.
- Each parent node uses "aria-expanded" (with values "true" or "false") to indicate if it is expanded or not.
Relations
- Parents
- UIComponent
- Descendants
- Node
- Expandable
- Simple
- Bylined
- Key Value