By using the wizard function you can split items into multiple screens.

Screen example

Figures 1 and 2 show examples in which a wizard is applied to the customer model and divided into two screens.Move to the previous or next page with the screen move button ("go to the previous screen" "next screen").You can also open a specific screen directly using the screen designation button ("screen 1" "screen 2").

Figure 1 First screen

Figure 2 Second screen

Detail screen is also divided by wizard.

Figure 3 Example of detail screen

Definition method

Set "Wizard screen number" for each item of the customer model.

Numbers represent screen numbers.In the case of the above example, items such as "customer ID" and "name" are displayed on the first screen and items such as "inquiry" and "remarks" are displayed on the second screen.

It is not necessary to specify screen numbers in order from the top.For example, it is possible to specify the wizard screen number of "E-mail" item as "2" in the setting shown in Fig.(It will be displayed on the second screen.)

Items not to be assigned are excluded from the wizard.

Figure 4 Assign wizard screen number

Use batch settings

Wizard screen number setting is "Bulk setting of model itemsYou can do it more efficiently if you use it.

Fig. 5 Using batch settings

Similar user interface with "Tab layout"there is. The difference between the two formulas is as follows.

Wizard
It inputs according to the order.In order, business rules (intention) are included.If required items are prepared on one screen, you can not go to the next screen unless you enter the same item.
Tab layout
It is a grouping of input items.You do not have to be conscious of the order of input.

Which wizard or tab layout is right depends on the business application you develop.Please judge based on the above difference.

Screen example

Figure 6 shows an example of hide screen designation button.

Figure 6 Hiding screen designation button

Definition method

Open the "Others" tab in the screen tab.Unset "Display" setting of "Wizard> Screen Button".

Fig. 7 Display control of screen button

Specify the name of screen designation button

You can also specify the name of the screen designation button.Figure 8 is an example of named "Basic" and "Application" respectively on the wizard screen.

Figure 8 Name screen designation button

In the button name, specify the screen name with a comma separator.Make sure it matches the number of screens of the wizard.

Figure 9 Setting screen designation button

Screen example

You can specify the display position of the screen move button.The standard value is blank, equivalent to "above".(Figure 1)

When this is set to "Down", it will be displayed at the same position as the screen designation button.(FIG. 10)

Fig. 10 Example where the display position of the screen moving button is "down"

In addition, you can hide the screen move button.(FIG. 11)

Figure 11 Example in which the screen move button is not displayed

Definition method

"To the previous screen" "To the next screen" Specify the arrangement of buttons from the choices.

Figure 12 Setting screen designation button

Figures 13 and 14 show examples in which the name item is specified to be commonly used on all the wizard screens.You can see that the values ​​entered in Figure 13 are also displayed as read-only items in Figure 14.

Figure 13 Example in which name items are common (1)
Figure 14 Example in which name items are common (2)

This setting is useful when you want to specify which data you want to specify and always display another item while registering/updating it on the screen.

Definition method

Write "all" in the item you want to display on all screens.

Figure 15 Specify "all" for common items
The order specified on "all" on the screen depends on the order defined in the repository.If you want to display it consecutively, try devising such as continuing on the repository.

You can use the wizard and confirmation screen together.For details of the confirmation screen, please read "Screen function> New registration> Prepare confirmation screen".

When the confirmation screen is prepared, the registration button becomes "registration confirmation".

Figure 16 Wizard registration screen with confirmation screen (1)
Figure 17 Wizard registration screen with confirmation screen (2)

On the confirmation screen, you can check the contents as one screen which integrated each screen which was divided as a wizard.

Figure 18 Wizard registration screen with confirmation screen (3)

You can display detailed screens on one screen (like confirmation screen).

Figure 19 Example of displaying detailed screens together

Definition method

In this example, three wizard screens are used when entering.

Figure 20 Wizard settings

Enable "Screen> Detailed display> Combine wizard display to one".

Figure 21. Combining wizard displays

You can control such that "screen designation button" is hidden by the condition.

The operation when the condition is not specified is as shown below.The button name of the screen designation button is "screen 1", "screen 2", and both can be pressed.

Figure 22 Standard screen designation button (1)
Figure 23 Standard screen designation button (2)

Definition method

From the "Screen> Other" tab, open the "Wizard" setting field.Button name is blank.

Figure 24 Wizard setting field

First, set the button name.Here, since it is a two-screen wizard, two button names are specified with a comma break.

Figure 25 Setting the button name

Depending on the number of buttons, an input field for "Display condition" is prepared.

Figure 26 Input field for display condition is prepared

Set the display condition (expression).Leave it blank to always display it.

Figure 27 Setting Display Conditions

In this example, we set the following formula.The button is displayed so that when both the mail address item and the company name item are input, the button is displayed.

AND(
  NOT(ISBLANK(${email})),
  NOT(ISBLANK(${companyname}))
)

When the value of the item specified here is changed, we redraw the screen.Server redetermination processing becomes effective by redrawing.

Figure 28 Redraw the screen when the value of the item changes

Execution

Open the new registration screen.The "Option" button is not displayed because the mail address item and company name item are not entered.Although the "basic" button is displayed, it is self-screen so it can not be pressed.(This is normal behavior.)

Figure 28 Open new registration screen

When necessary items are set (the screen is redrawn) "Option" button is displayed.

Figure 29 Option buttons are displayed

When you move the wizard, you can see that the "basic" button can be pressed.

Figure 30 Moving the wizard

Hide screen movement button

In the example above,Set the screen move button to "not display", You can strictly control the transition of the wizard screen.

Fig. 31 Do not display screen move button

Do not split repetitive containers

When using repeated container items,Specify the same page number for items in the same container.

Set numerical values ​​to be continuous

Numbers set in the wizard must be continuous.Missing numbers are not allowed.

Items set in the map view field are set to fit on one screen

When using map view and wizard together, specify the same page number for items for which map view settings are made.(If you do not do so, Map View will not function properly.)

Registration screen/update screen required

In the model using the wizard, the registration screen/update screen is always necessary.

Input check timing

Input check is done on every screen.If there is an error, you can not proceed to the next screen.