After creating a new tab, you get an initially empty view where you can create a new component.

Split view horizontally

But before you fill the view with a component, you should think about how the layout of this view should look like. Here it is important how many components should be displayed in total and how they should be arranged. Let's assume we want to display two components side by side (a selection table with a detail form), then first the view must be split horizontally:

In the dialog that opens, several placeholders can be created for new components, which can be arranged either horizontally or vertically:

If we want to arrange the two components horizontally next to each other and the left one should take a fixed place, then the following setting would be correct:

After confirming, we now get the following view:

We now have two placeholders that can be filled with a component. The separator in the middle is preset to a fixed width for the left component, but can be adjusted by the user. The placeholders can now be filled by a table or form.

Combination of horizontal and vertical separators

If you want to create a more complex layout from a nesting of components arranged next to and below each other, you start with the main direction and divide the view e.g. horiontal first. Then fill one or more placeholders with a new layout. This inner layout can then be given a different direction.

If we want to divide the left part of the screen vertically, we create a new layout in the left placeholder:

We select "Layout" as the new component:

In the dialog that then opens, we select the option "vertical" for the division direction:

After confirming this setting, we get the desired view, in which there is a horizontal and a vertical divider:

Now all three placeholders can be filled with display components.