The following table overviews present a more detailed description of the layout hierarchy for iViews and Web applications. Red cells explicitly prohibit certain nestings. Yellow cells indicate cases where elements can be placed into other elements with certain restrictions only (see also the reasons for these rules).
Element below can be placed within Container to the right |
Container |
|||
iView (Tray) |
Tabstrip |
Group |
Subgroup |
|
Tabstrip |
yes: together with other elements no: as single element |
no |
no * |
no |
Group |
yes: together with other elements no: as single element |
yes |
possible - but use with care! one level at maximum - use different types for the nesting |
no |
Subgroup |
yes |
yes |
yes |
no |
Table View |
yes: together with other elements no: as single element |
yes |
no * |
no |
Text Area, Graphic |
yes |
yes |
yes |
no |
Separator (White Space, Line) |
yes |
yes |
yes |
no |
Heading |
yes: for subgroup, text area, graphic |
yes: subgroup, text area, graphic |
yes: subgroup, text area, graphic |
yes (as heading for the subgroup) |
Field, Selection Element, Icon, Button |
yes |
yes |
yes |
yes |
Legend
*) As iViews are simple applications, tabstrips and table views should not be placed into group controls.
Red cells: Nesting forbidden
Yellow cells: Nesting allowed under certain conditions only
The bold no's indicate common errors, such as nested tabstrips.
Element below can be placed within Container to the right |
Container |
|||
Area |
Tabstrip |
Group |
Subgroup |
|
Tabstrip |
yes (can be a single element with area header as title) |
no |
yes: together with other elements no: as single element possible - but use with care! one level at maximum - use different types for the nesting yes yes: together with other elements no: as single element |
no |
Group |
yes: together with other elements no: as single element |
yes |
no |
|
Subgroup |
yes |
yes |
no |
|
Table View |
yes |
yes |
no |
|
Text Area, Graphic |
yes |
yes |
yes |
no |
Separator (White Space, Line) |
yes |
yes |
yes |
no |
Heading |
yes: group, text area, graphic |
yes: subgroup, text area, graphic |
yes: subgroup, text area, graphic |
yes |
Button |
yes |
yes |
yes |
yes |
Field, Selection Element, Icon, Button |
yes: Header data, group no: other data |
yes |
yes |
yes |
Legend
Red cells: Nesting forbidden
Yellow cells: Nesting allowed under certain conditions only
The bold no's indicate common errors, such as nested tabstrips.