Versions Compared

Key

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

In this section, you can see various attributes that appear while configuring the Button Group. These attributes include:

image-20240811-143708.pngImage Removedimage-20240811-143708.pngImage Added

Button Group Attributes Breakdown:

Attribute

Description

Record Object

This represents the object for which the configuration is created. The object is already selected, as it was chosen during the initial configuration.

Info

Note: This field is disabled if the user selects 'Non-Record Page' in the configuration.

Record to Preview

This feature allows users to select an object record to see how the progress bar will appear in the preview section after making changes.

Info

Note: This field is not available if the user selects 'Non-Record Page' in the configuration.

Buttons

Here users can add multiple buttons which they want to be in a button group.

Info

Reference: New Action

Overflow After

It refers to the limit after which overflow of content in button group will be shown in drop-down.

Info

Note: By default, overflow is set to 3, means 3 buttons will be in button group display and rest will be shown in the drop-down.

Alignment

Here users can set alignment for the button group in 3 locations namely:

  1. Center

  2. Left

  3. Right

Info

Note: By default, alignment is set to right.

Default Variant

Allows to show Button Group in different SLDS color formats.
You can see variant types

Info

Reference: Variant Types.

Padding Location

You can set the padding location for components (e.g., 'around,' 'left') to create space around them. After setting the location, you can adjust the padding size accordingly.

Margin Location

You can set the margin location for components (e.g., 'around,' 'left'). After setting the location, you can adjust the margin size accordingly.

New Action:

image-20240811-163700.png

Button Attribute

Description

Button Type

Here user can select the type of button to configure.

Button Types available:

  1. Button: Here user can add buttons to configure actions

  2. Header: Here you can provide a distinct title or label for the button group which facilitates the categorization of buttons.

  3. Separator: Add blank space here to create a visible division between buttons, enhancing clarity and organization within the group.

  4. Submenu: Here you can add secondary buttons nested within the main button group, offering additional options or action.

Info

Reference: Submenu

Label

Label Attribute is the text displayed on the button.

Name

Name attribute specifies the API name of the button.

Left Icon

Enables user to set the icon left to the button label, adding visual context and clarity to the action it represents.

Info

Reference: Icons

Right Icon

Enables user to set the icon right to the button label, adding visual context and clarity to the action it represents.

Info

Reference: Icons

Variant

Allows users to show buttons in different color formats.

Info

Reference: Variant Types

Action

You can create actions here, such as creating a new record, navigating to a URL, or editing an existing record.

Info

Reference: Actions

Visible

Allows users to control button visibility based on selected criteria from the dropdown:

  • Always: The button is always visible.

  • Never: The button is never visible.

  • Conditional: The button is visible based on specified.

Info

Reference: Filter Criteria

Disable

Allows users to control the button's disabled state based on selected criteria from the dropdown:

  • Always: The button is always disabled.

  • Never: The button is never disabled.

  • Conditional: The button is disabled based on specified

Info

Reference: Filter Criteria

Button Type Submenu Modal:

image-20240811-150540.png

Submenu Attribute

Description

Label

Label Attribute is the text displayed on the button.

Name

Name attribute specifies the API name of the button.

Sub Menu Position

Position specifies the location at which sub menu will be displayed in button group user creates.

Info

Note: Positions available for submenu are two, Left and Right.

Buttons

Here users can add multiple buttons which they want to be in a button group. You can explore more about buttons modal above.

Icons:

image-20240811-144716.png

Icon Attribute

Description

Category

User can select icon from varied range of SLDS icons category.

Info

Note: Currently, user can select from icons of Utility category only.

Search Icon

User can search icon to use directly by searching it’s name from search box.

Size

User can select icon size of either x-small or small.

Variant Types:

Variant BG Dropdown-20240811-163037.png

Variant

Description

Neutral

Neutral is the default variant of the Button Group 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 Button Group 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.

Text Destructive

Text Destructive variant is dark red in color.

Info

Note: It is usually used to group buttons which depict adverse actions.

Actions:

Button Actions Modal-20240811-162800.png

Action Name

Description

Custom Component

This action allows users to add a custom component related to an object for which config is being created, directly within the button.

Delete

This action enables users to delete record using its record Id directly within the button.

Edit

This action enables users to edit record using its record Id directly within the button.

Global Action

This action allows users to add a global action directly within the button.

List View

This action allows users to add an object’s list view directly within the button.

New

This action allows users to quickly create a new record for an object directly from the button.

Object Page

This action allows users to quickly create a new record for an object directly from the button.

Quick Action

This action allows users to add a quick action directly within the button.

Redirect

This action enables users to redirect to a specific webpage by providing a URL link.

Screen Flow

This action allows users to trigger a screen flow directly from the button.

Tab

This action allows users to open a different object tab directly from the button.

View

This action enables users to view record using its record Id directly within the button.

Filter Criteria:

  • The Filter Criteria feature allows you to sort and refine the data in the config object records based on specific conditions. You can apply different types of filtering criteria to control when the button should be visible or disable

  • In addition to conditional-based filters, you can also select values from various sources to filter the data.

Filter Condition

Description

All Conditions Met (AND)

This filter displays records that meet all of the specified conditions. For example, if you set two conditions, only records that satisfy both conditions will be shown.

Any Condition Met (OR)

This filter displays records that meet at least one of the specified conditions. For instance, if you set two conditions, records that meet either condition will be shown.

Custom Logic:

This option allows you to create complex filters by combining the above two conditions. You can define custom logic to include a combination of AND and OR conditions to fine-tune the data displayed in the related list.

Value Source:

In this section, users can choose from various input sources, including:

  • Custom Metadata

  • Custom Setting

  • Record Field (available only in record page configuration)

  • Static Value

These input sources allow you to pass or set values for various attributes or fields.

property binder 2.png

Attributes

Description

Value Source

It provides list of various value sources for assigning the value for input.

Info

Note: By default the value source is selected as static.

Custom Metadata

Use custom metadata records to assign values.

Custom Settings

Use custom setting records to assign the values.

Record Field

Use a record value from a selected Record Object.

Info

Note: This option is only available when the page type is set to Record Page Config. Please refer to the Page Type section for more information.

Static

You can provide a static fixed value.

Panel
bgColor#FFF0B3

For non-record pages, the attributes are similar, but some options may be unavailable, such as "Object Name" and "Record Preview.