Content Comparison

...

• 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. It is applicable to

    • 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. It is applicable to

  • Around

  • Top

  • Left

  • Bottom

  • Right

  • Horizontal

  Vertical

  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 can 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 is 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 can will be always disabled

    • Conditional: Depending on the disability criteria, the field can be set as disabled or not