|Tabbed Pane Samples||Layout Sample 3|
|Split Pane Samples||Layout Sample 4|
|Layout Sample 1||Layout Sample 5|
|Layout Sample 2|
It is perhaps easiest to see when to use certain layout elements by visually illustrating how they each combine to create a resizable dialog. Here are a number of further examples that combine some of the previous layout features and common interface layout design patterns.
Tabbed Pane Samples
Here is an example that generates content within a set of tabbed panes.
Each element of the tabbed WidgetGroup can be a list of widgets to populate one tab panel or a single widget whose contents will be placed within one pane.
Split Pane Samples
Here is an example that uses a split pane and shows how you can optionally name the split pane so it can be manipulated using its properties at runtime.
If you resize the panel a little larger, you can see that you can programmatically move the divider position.
You can also use a method with percentage value instead of using the integer property value.