Content Comparison

Overview

• The Form is a container

• In form, you can add section component to group related content together

  Image Removed

Attributes

Model

• From the model, 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 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 buttons

• 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 in using which you can save and display the value of the field 

• You can create a model using the object which is

  Image Added

• Only single record model can be assigned to the Form

  Image Added

• Refer Models

  • Create New Model: You can either choose the model from the list or you can create the new model by clicking on “Create New Model“ Option for your form

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 the to set the layout of the field on the formForm

• Types of layout

  • Stacked: It aligns the fields in a stack

    Image Removed

  • Horizontal: It aligns the fields horizontally

  • Single Column: It aligns the fields in a single column

    Image Removed

  • No Label: No label will display for the fields

    Image Removed

  • Compact:

    Image Removed

No Action Bar

No Action Bar hides the Action Bar for the form

...

Inline Edit

Inline edit allows you to edit the field when the form is in read-only view

Actions

• Action is a set of operations that can be performed by clicking the action button e.g Cancel, Submit

• Action invokes workflow which actually performs an operation

• You can add as many actions as you want

• Refer Action

  Image Removed

• • 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

    Image Added

  • 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

    Image Added

  • 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

    Image Added

  • 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

  Image Added

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

  Image Added

7. Overflow After

• Overflow After attribute is used to display the actions in list format after reaching its entered limit

• By Default the value is 3 which means the three actions will displayed on a section header

• If you added the new action despite having 3 actions then the new action will appear in the drop down list section

  Image Added

8. 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

...

9. 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

  Image Added