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.
Clear Close