Support > Repository > Layout > Nested layout and hidden layout

You can designate combinations of portrait and sideways, or nest another layout in the layout.

Screen example

An example of combining side-by-side layouts in a vertical layout is shown in Figure 1.

Fig. 1 Side-by-side layout within the vertical layout

Definition method

The nested layout "* P1" is set in the layout "company information".
Layout nesting is done with ">" character.


">" Is a one-byte character.
You can specify any number of nests in the layout.

Figure 2 Layout nesting

If "*" is added to the beginning of the layout nameHidden layoutThe panel will not be prepared when displayed.For this reason, hidden layouts are effective when combining layouts with vertical, horizontal, vertical ... and nested layouts.

The layout name following the asterisk "*" should be a combination of alphanumeric characters.The layout name is optional.

Figure 3 Setting Display Ratio for Hidden Layout

Screen example

Figure 4 shows an example of combining vertical layouts in side by side layouts.
The alignment ratio is 50%, 50%.

Figure 4 Combining vertically aligned layouts in side by side layout

Definition method

Two hidden layouts * P1 and * P2 are prepared.Panel is not prepared for the layout name following the asterisk "*".(FIG. 5, FIG. 6)

Figure 5 Specification of hidden layout (1)
Fig. 6 Designation of hidden layout (2)

Screen example

"Company" layout is nested in the "customer" layout.
The alignment ratio is 33%, 33%, 34%.

Figure 7 Layout nesting

Definition method

The prepared model items are shown in Fig.

Fig. 8 Item list

Hidden layout and layout with panel are mixed.(Figure 9)

Figure 9 List of layout names

In FIG. 10, the "customer" layout (side by side)manuallySet.(It does not appear as an option, but you can enter it directly.)

Figure 10 Setting of each layout

Figures 11 and 12 show the differences between when the layout is specified, "when group display method" of the base basic layout is not specified, and when it is "enclosed in boxes".

Figure 11 When the group display method is unspecified
Figure 12 When the group display method is "enclosed in boxes"

Definition method

Suppose you set the layout name as shown in Figure 13.(Although it is a hidden layout here, whether it is hidden or not does not affect the following explanation.)

Figure 13 Layout name

Specify "group display method" of the base layout.If not specified, it will be displayed as shown in Fig.If you specify "Enclosed in boxes", you will see something like Figure 12.

Figure 14 Make the group display method unspecified
Figure 15 Setting the group display method to "boxed"
When "Group display method" is specified as "Group in portrait direction", the display differs. For details, please read "Grouped layout".

When using Wagby before R 7.107.10

For Wagby before R7.10, even if the group display method is not specified, the first layout name is enclosed in a frame as shown in Fig.In other words, you can not create a screen like the one in Figure 11.

As of R7.10, it was changed to follow the design information.Therefore, if you want to enclose it in a frame, please explicitly specify the group display method as shown in Fig. 15.You can also return to the old behavior.For details, please read "Wagby Developer Network> Transition".

Screen example

Hidden layouts are set side by side (ratio 50%, 50%), and the layout is nested within it.

Figure 16 The layout itself is side by side

Definition method

Hidden layout * Prepare nested layout "customer" and "company" in P1.

Figure 17 List of layout names

Hidden layout * Place P1 side by side and set the ratio.
Nested layout '* P1> customers' and '* P1> company' layoutBlank display method for groupwill do.
AlsoLabel width specified as "0%"To do.

Figure 18 Layout settings