Support > Repository > Layout > Grouped layout
ja | en

It is a way to express the layout as a group, not as a panel.

Screen example

Figure 1 shows an example of grouping vertically aligned layouts.

Fig. 1 Vertical line layout (grouping)

Definition method

We define the layout "personal information".(Figure 2)

Figure 2 Definition of layout

We will display the group display method of "personal information" layout as "group vertically".Also, the direction of alignment is "vertical".

Figure 3 Specify grouping in the vertical direction

Figure 4 shows an example of grouping horizontally arranged layouts.

Figure 4 Horizontal layout (grouping)

Definition method

We will display the group display method of "personal information" layout as "group vertically".Also, set the alignment direction to "sideways" and specify the display ratio.The alignment ratio is 50%, 50%.

Figure 5 Specification of hidden layout (1)

Screen example

Figure 6 shows an example of arranging vertically grouped layouts side-by-side.

Figure 6 Displaying two layouts side by side

Definition method

We define the layout "personal information" "company information".(FIG. 7)

Figure 7 Defining the layout

Layout of each layout is "grouped in the vertical direction".(FIG. 8)

Figure 8 Specify grouping in the vertical direction

Screen example

Figure 9 shows an example of uniform label width.The label width is 100 (px).

Figure 9 Aligning the label width

Definition method

Specify the label width of the layout.Here we say "100".Please write only numerical values.The unit is pixel (px).

Figure 10 Label width of layout

Together, we will also adjust the label width of the "remarks" item outside the layout. Open the model item detailed definition of the "remarks" item.

Figure 11 Open Model Item Detail Definition

Specify the "style> label width" on the "Output control> detail screen" tab.If you specify only a number, the unit is interpreted as pixel (px).

Figure 12 Setting the label width