Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

  • The Form is a container, it is used to capture user input

  • To make the Form work you need to bind the Form model with the model Form, refer Models

  • Once the model is bound then bind, you will see the fields on the left side related to object at the left side.

  • Nested field

  • Now you 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 is called “Form filed“

  • If the layout is of record type then it comes with the predetermined actions i.e. Cancel Save&New and Save bound with the predetermined workflow

    Image Removed

Attributes

Model

  • In Model list of all the models will be displayedwill 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 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 Form

  • Types of layout

    • Stacked: It aligns the fields in a stack 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: It aligns the fields horizontally

      Image Removed

      Single Column: It aligns the fields in a single columnIn 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

    • No Label: In the No label will display for the fields

    • Compact:

Show Horizontal Line

    • 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 no action bar checkbox is checked, then the action bar will not be displayed on the formForm

...

  • Image Added

6. Inline Edit

  • If the Inline Edit inline edit checkbox is checked, then you can edit the field fields on the form and the form in is Form when the Form is in read only view

    Image Removed

    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

    Image Removed

...

9. Primary Action

  • You can select an action to be the primary action of the formForm, 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 Actionprimary action

...

  • Image Added

Include Page
Common configurations for components at the layout
Common configurations for components at the layout