Overview
The form is a container, it is used to capture user input
To make the Form work you need to bind the model with the Form, refer Models
Once the model is bind, you will see the fields on the left side related to the object that you select while model creation
You can drag and drop the fields on the Form
You can also map a nested field where it will allow you to select a field that is an array or object field
Once you select a nested field which is an array or object field, then all the fields inside the array and object will be visible on the left side
You can add multiple actions on the From which will be displayed as a button
You can make one action as a primary action
Only three actions will be displayed on the Form and the rest of the actions will be displayed in a dropdown list
By clicking on the button it will perform a particular action e.g. invoking a specific action or workflow
Attribute
1. Model
All the models will be displayed in the list that you have created using an object, you can choose the specific model using which you can save and display the value of the fieldĀ
You can create a model using the object which is
Only single record model can be assigned to the Form
Refer Models
2. Nested Field
Nested field allows you to select a field that is an array or object field
Once you select a nested field which is an array or object field, then all the fields inside the array and object will be visible on the left side
3. Field Layout
Field Layout allows you to set the layout of the field on the Form
Types of layout
Stacked: In a stacked layout, the input/output field is under the field label with a small margin around the label, and the input/output field
Horizontal: In a horizontal layout, the input/output field is in front of the field label with a small margin around the label, and the input/output field
Single Column: A Single Column layout is the same as a horizontal layout the only difference is the input/output field size is greater than the field label in a layout
No Label: In the No Label layout, the label name is not visible, only the input/output field is present in the layout
Compact: Compact layout is the same as a stacked layout, the difference is there is no margin around the label and the input/output field
4. Show Horizontal Line
Using show horizontal line you can show a horizontal line under the field that will divide the fields if the field is read-only
5. No Action Bar
If no action bar checkbox is checked, then the action bar will not be displayed on the Form
6. Inline Edit
If the inline edit checkbox is checked, then you can edit the fields on the Form when the Form is in read only view
7. Actions
You can add multiple actions and each action is displayed as a button
By clicking on the button it performs a particular action e.g. invoking a specific action or workflow
Only three actions will be displayed on the Form and the rest of the actions will be displayed in dropdown
Refer Actions
8. Primary Action
You can select an action to be the primary action of the Form, from the list of actions
By clicking on enter key the Primary Action will be performed
Only one action can be set as a primary action
How to Configure:
Goto Components tab
Search and select the component
Drag and drop the component in the layout. You can also select the drop zone in a layout and then click on the component it will add in place of the drop zone
Following are the common configurations of components on the layout:
UI:
Component Size: The user can modify the size of the component in the layout as per grid size
Padding Location: Defines the position of the padding for a component. The padding creates extra space within a component.
Around: Creates padding around the component
Top: Creates padding at the top of the component
Left: Creates padding at the left side of the component
Bottom: Creates padding at the bottom of the component
Right: Creates padding at the right side of the component
Horizontal: Creates padding horizontally
Vertical: Creates padding vertically
Padding Size: The padding size of the component can be set to:
None
xxx-small
xx-small
x-small
Small
Medium
Large
x-large
xx-large
Style: Styles described how fields should be rendered in preview mode. Users need to create one cdn link from the CSS tab on the layout designer page for use styles
Classes: Classes are used to apply unique styling and formatting to the fields in preview mode. Users need to create one cdn link from the CSS tab on the layout designer page for using classes
Margin Location: Defines the position of the margin for a component. margin creates extra space around a component.
Around: Margin gets added around the component
Top: Margin gets added at the top of the component
Left: Margin gets added at the left side of the component
Bottom: Margin gets added at the bottom of the component
Right: Margin gets added at the right side of the component
Horizontal: Margin gets added horizontally
Vertical: Margin gets added vertically
Margin Size: The margin size of the view can be set to:
None
xxx-small
xx-small
x-small
Small
Medium
Large
x-large
xx-large
Visibility:
Never: The field cannot be visible
Always: The field will be always visible
Conditional: Depending on the visibility criteria, the field can be set as visible or not
Read-only:
Never: The field cannot be read-only
Always: The field will be always read-only
Conditional: Depending on the read-only criteria, the field can be set as read-only or not
Disable:
Never: The field cannot be disabled
Always: The field will be always disabled
Conditional: Depending on the disability criteria, the field can be set as disabled or not
New Section:
Layout item Label: This field show the name of the components with the count of its usage e.g: if you are adding the section for third time in a layout then it will display with label of Section 3