Five's Form Designer
Last updated
Overview
The grid in Five's Form Designer is used for positioning and sizing fields for quick and consistent form creation.
Fields in the grid can hold all display types such as lookups, text, checkboxes etc along with any custom fields you may create.
In width, the grid holds twelve positions. By default, each new field is set a pre-width of two, a width of two, and a post-width of two.
Change the Layout of your Fields with Five's Form Designer
Exercise twelve will explain how to use Five's Form Designer. By using the Form Designer you will have the creative control over the layout of your form. All the fields you add to your form will be available in the Form Designer for you to change their position and size by dragging and dropping the fields.
The video below demonstrates how you can drag and drop fields in the Form Designer.
Edit the Buys Form to Change the Layout of the Fields
Select the { Buys record } in the [ list ].
Click the [ Pages tab ].
- Select the { General record }.
- Click the [ Open Form Designer button ] in the [ form app bar ] to open Five's [ Form Designer ].
- Click, hold, and drag the { Stock field } from the beginning edge to the left.
You have to grab the inside edge of the field whenever you are dragging a field to enlarge or reduce.
- Click, hold, and drag the { Stock field } from the end edge to the left.
Click, hold, and drag the { Transaction Date field } up to be beside the { Stock field }.
Click, hold, and drag the { Transaction Date field } from the end edge to the left.
Click, hold, and drag the { Quantity field } from the beginning edge to the left.
Click, hold, and drag the { Quantity field } from the end edge to the left.
Click, hold, and drag the { Price field } up to be beside the { Quantity field }.
Click, hold, and drag the { Price field } from the end edge to the left.
Click, hold, and drag the { Fees field } from the beginning edge to the left.
Click, hold, and drag the { Fees field } from the end edge to the left.
Click, hold, and drag the { Total field } up to be beside the { Fees field }.
Click, hold, and drag the { Total field } from the end edge to the left.
- Click the [ Save button ] in the [ Form Designer app bar ].
- Click the [ Save button ] in the [ form app bar ].