Layout Samples

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.

Layout Sample 1

After resizing:

Layout Sample 2

After resizing:

Layout Sample 3

After resizing:

Layout Sample 4

After resizing:

Layout Sample 5

After resizing: