Versions Compared

Version Old Version 13 New Version Current
Changes made by

Content Writers

Content Writers

Saved on

Key

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

...

Attribute Name

Description

Component Size

  • This allows users to modify the size of a specific component according to the grid size of layout.

  • This feature allows for flexible customization, enabling users to resize components to fit their specific needs within the defined grid structure.

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

For example, if
If the layout grid size is 3 then layout is divided into 3 sections then you can changes the components size between 1 to 3.

Layout Type

It is used to set the layout type in two ways as:

  1. Grid: The Grid Layout Type provides a grid-based layout system consisting of rows and columns. This layout simplifies the process of designing and structuring a layout, allowing for precise placement and alignment of components within the grid.

  2. Flow: The Flow Layout Type is used for positioning and formatting components within a layout. This layout type allows components to be positioned in relation to each other.

Note: By default, this attribute is set to a value of Grid Layout Type.

Grid Size

It defines the width of the component in terms of grid columns, allowing users to control how much horizontal space the section occupies on the page.

Header

Name of the header which is displayed on the top left corner of the component.

Info

Reference: Header Source Type

Sub Header

Sub Header is displayed above the Header in the layout. The size of the Sub Header is smaller than the Header.

Info

Reference: Sub Header Source Type

Icon

  • This field allows you to choose an icon from different categories like utility, action, custom and standard.

  • A search bar option is available to search for icons by name.

Note: The icon size is set to Medium by default.

Header Actions

  • An action represents a set of operations triggered by clicking an action button, such as Save or Cancel.

  • You can add multiple actions, each associated with a workflow that executes the desired operation.

Info

Reference: Page Header Action

Overflow After

This feature allows you to control the number of actions displayed. Setting the limit to 1 will show only one action, with additional actions appearing in a drop-down menu.

...