org.dojo.dijit.tests.layout.test_LayoutContainer.html Maven / Gradle / Ivy
dijit.layout.LayoutContainer Test
Dijit layout.LayoutContainer tests
Basic layout. Tabindex="0" added to each pane to test for tab order matching source code order. Tab order
should be: left, right, top, middle/main, bottom
left
right
top bar
main panel with a link.
(to check we're copying children around properly).
Here's some text that comes AFTER the combo box.
bottom bar
Advanced layout. Tabindex="0" added to each pane to test for tab order matching source code order. Tab order
should be: left, top, bottom, inner left, inner middle, inner right. This is not an ideal tab order. See below to use nested
layout containers to achieve a tab order which matches presentation and source code order.
left
top bar
bottom bar
inner left
main panel with a link.
(to check we're copying children around properly).
Here's some text that comes AFTER the combo box.
inner right
Advanced layout with nested containers. Tabindex="0" added to content panes to show tab order. Order should be:
left, top, inner left, inner middle, inner right, bottom. This is the preferred tab order for this type of layout.
left
top bar
inner left
main panel with a link.
(to check we're copying children around properly).
Here's some text that comes AFTER the combo box.
inner right
bottom bar
Goofy spiral layout. Match of source code order to tab order can not be achieved with this type of layout.
outer left
outer top
outer right
outer bottom
inner left
inner top
inner right
inner bottom
main panel with a link.
(to check we're copying children around properly).
Here's some text that comes AFTER the combo box.