Support > Repository > Layout > Repetitive Container - Tab [Application]
ja | en

Here is an application example of a layout that arranges repeating containers in tabs.

Example of execution

Figure 1 shows an example of including regular items and repeating containers in tabs.
Items not included in the tab are placed on the tab.

Include regular items and repeating containers in Figure 1 tab

Definition method

The arrangement of the layout is specified by the red frame in Figure 2.

Figure 2 Defining customer model

Define a special tab that can contain repeating containers as follows.

[* Identifier: tab name]

The identifier uses one letter of alphabet.

Figure 3 Specifying the layout name

It specifies that this identifier is "tab".

Figure 4 Specify that this layout is a tab
Rather than choosing the layout name from the choice, manually enter '[* T]'.

Example of execution

Figure 5 shows an example in which ordinary items in tabs are arranged side by side.

Figure 5 Placing ordinary items side by side in tabs

Definition method

The arrangement of the layout is specified by the red frame in Figure 6.

Figure 6 Layout definition

Now include the layout in the tab.

>Layout

In this case, I specified a hidden layout '* P1'.In this layout, specify horizontal alignment.

Figure 7 Specify that this layout is side by side
Instead of choosing layout names from choices, please enter '* P1' etc manually.Tab name is not included.

Example of execution

You can also store all of the repeating containers in tabs.The frame of the repeating container is not displayed.

Figure 8 The entire repeating container is placed inside the tab

Definition method

If you set the repeating container name to be the same as the tab name, you can remove the repeating container frame.(Figure 9)

Figure 9 Make the repeating container name the same as the tab name

Example of execution

It is also possible to store repeated containers side-by-side in tabs.

Figure 10 Storing side-by-side layouts of recurring containers in tabs

Definition method

Repetition Container Places horizontally arranged layout items and other items in two tabs.(FIG. 11)

Fig. 11 Repeat container side by side layout item and other items

Repeat container side-by-side definition after tab specification.

[* Identifier: tab name]> * Hidden panel identifier for repeating containers
Figure 12 Specifying the layout name

Specify two layouts [* T] and * P1, respectively.

Figure 13 Detailed layout definition
Restriction: When using this layout, please prepare two or more tabs.Furthermore, in this layout settinglaterTab is required.(The "* T: Other" tab which stores the remarks item of No. 16 in Fig. 12 corresponds.)

Example of execution

In the tabRepeat container of multistage layoutYou can also store.

Figure 14 Storing Repetitive Container Multistage Layout in Tab

Definition method

In the example shown in Fig. 14, two repeat containers cont1, cont2 are prepared.

Figure 15 Definition of recurring container

After multi-tab designation, multi-stage layout definition of container is repeated.

[* Identifier: tab name]> * Hidden panel identifier for repeating containers
Figure 16 Specifying the layout name

Specify the layout * T.

Figure 17 Detailed layout definition

In the layout of the repeating container, specify the cell join (as necessary) when using the multilevel layout.

Figure 18 Specification of Cell Binding for Repetitive Container Multistage Layout