How to Configure:
Goto Component section 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 a 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 rid grid size
Padding Location: Defines the position of the padding for a component. It is applicable to
Around
Top
Left
Bottom
Right
Horizontal
Vertical
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. It is applicable to
Around
Top
Left
Bottom
Right
Horizontal
Vertical
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 disabled
Always: The field can be disabled
Conditional: Depending on the disability criteria, the field can be set as disabled or not
Read-only:
Never: The field cannot be read-only
Always: The field is 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 can be disabled
Conditional: Depending on the disability criteria, the field can be set as disabled or not