Versions Compared

Version Old Version 12 New Version 13
Changes made by

Content Writers

Content Writers

Saved on

Key

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

...

Attribute

Description

Header

This field allows users to add a title or heading to the section, providing context or description for the content within the section.

You can also assign a dynamic Header using merge text.

Info

Reference: Merge Text

No Header

This checkbox enables users to remove the section's header, creating a streamlined layout without a title or heading.

Is Collapsible

This checkbox allows users to make sections of the application interface collapsible, enhancing the overall user experience.

Actions

This allows users to add multiple actions to a section, each represented as a button. It enables users to quickly perform specific actions or invoke workflows directly from the section header.

Info

Reference: Actions

Overflow After

It is used to manage the display of actions in a list format within a section header.

Info

Note: By default, this attribute is set to a value of 3, meaning that up to three actions will be directly visible in the section header.

Panel
panelIconId1f5e8
panelIcon:speech_left:
panelIconText🗨️
bgColor#F4F5F7

For Example: If you have three actions, all will be displayed in the section header. If you add a fourth action, it will appear in the drop-down list, along with any subsequent actions.

Show Border

It is used to simply add border surrounding the section.

Info

Note: Currently, we support only black borders.

...

Header Action Attributes

Description

Label

A Label is the name shown to users and can come from various sources.

Info

Reference: Source Type

Name

Enter a unique API name for your action.

Icon

This option lets you choose from various icons to add to the action button.

Variant

This feature allows users to change the appearance of the action button.

You can explore more about variants here.

Visibility Type

It determines whether a component is visible on the layout. It offers the following visibility types:

  1. Never: There component will never be visible.

  2. Always: The component will always be visible.

  3. Conditional: The component's visibility is determined based on specific criteria, which can make it either visible or hidden as needed.
    You can explore more about Conditional Visibility Type attribute here.

Disability Type

It determines whether a component is disable on the layout. It offers the following visibility types:

  1. Never: There is no disable option for this component

  2. Always: The component will always be disabled.

  3. Conditional: The component's visibility is determined based on specific criteria, which can make it either visible or hidden as needed.
    You can explore more about Conditional Disability Type attribute here.

Variants:

Variant

Description

Neutral

Neutral is the default variant of the Action which is displayed in white color.

Brand

Brand variant is a blue color.

Outline-brand

Outline-brand is like the brand variant, but the color is used for the label and border only, not the whole Action color.

Destructive

Destructive variant is in a red color.

Info

Note: It is usually used to group buttons which depict actions which warn the user.

Success

Success variant is in a green color.

Info

Note: It is usually used to group buttons which depict successful action.

...