You can design the screen layout by "vertical alignment" or "side by side" layout.
If you do not specify a layout, the sequence of model items will be reflected on the screen as is.(FIGS. 1 and 2)
Figure 3 shows an example of setting side-by-side layouts.
The "customer name" and "customer kana" items are lined up next to each other in the panel named "personal information".
The alignment ratio is 50%, 50%.
Open the "Layout Name" tab.Fill out the layout name "Personal information" in the item you want to designate the layout.
Next, open the "Group tab" tab.Choose New from Gear icon and prepare layout entry field.(FIG. 4, FIG. 5)
For the layout name, you can select the name specified in Figure 3.
Here, set the "alignment direction" as "horizontal" and enter the display ratio as "50%, 50%".
An example of specifying the vertical layout is shown in Fig.Items are arranged vertically in the "Personal information" panel.
In the setting shown in Fig. 6, the direction of arrangement is "vertical".In the case of vertical arrangement, the display ratio is ignored and it is blank.
On one screen, you can mix horizontally arranged and vertically aligned layouts.(FIG. 10)
For each item, set the layout name and determine the alignment direction.(FIGS. 11 and 12)
Wagby's screen layout is set by ratio, so even if you enlarge or reduce the screen size the layout image will not change.(FIG. 13)