In this section, you can see various attributes that appear while configuring the Button Group. These attributes include:
...
...
Attribute | Description | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Record Object | This represents the object for which the configuration is created. The object is already selected for record page type, as it was chosen during the initial configuration. Note: This field is disabled if the user selects 'and pre-filled for Record Page. Note: This field is not applicable for Non-Record Page' in the configuration. | |||||||||||
Record to Preview | This feature allows users to select an object record to see how the progress bar Related List will appear in the preview section after making changes. Note: This field is not available if the user selects 'applicable for Non-Record Page' in the configuration. | |||||||||||
Buttons | Here users can add multiple buttons which they want to be in a button group.
| |||||||||||
Overflow After | It refers to the limit after which overflow of content in button group will be shown in drop-down. Note: By default
| |||||||||||
Alignment | Here users can set alignment for the button group in 3 locations namely:
Note: By default, alignment is set to right. | |||||||||||
Default Variant | Allows to show Button Group in different SLDS color formats.
| |||||||||||
Padding Location | You can set the padding location for Progress Bar Button Group as Around, Top, Bottom, Left, Right, Horizontal, Vertical. | |||||||||||
Padding Size | You can set the padding Size for Progress Bar Button Group as XXX Small, XX Small, X Small, Small, Medium , Large, X Large. | |||||||||||
Margin Location | You can set the Margin location for Progress Bar Button Group as Around, Top, Bottom, Left, Right, Horizontal, Vertical. | |||||||||||
Margin Size | You can set the Margin Size for Progress Bar Button Group as XXX Small, XX Small, X Small, Small, Medium , Large, X large. |
...
Panel | ||
---|---|---|
| ||
For non-record pages, the attributes are similar, but some options may be unavailable, such as "Object Name" and "Record Preview. |
Button Configuration:
...
Button Attribute | Description | ||
---|---|---|---|
Button Type | Here user can select the type of button to configure. Button Types available:
| ||
Label | Label Attribute is the text displayed on the button. | ||
Name | Name attribute specifies the API name of the button. | ||
Left Icon | Enables Allows user to set choose the icon left to the button label, adding visual context and clarity to the action it represents.
| ||
Right Icon | Enables Allows user to set choose the icon right to the button label, adding visual context and clarity to the action it represents.
| ||
Variant | Allows users to show buttons in different color formats.
| ||
Action | You Here user can create actions here, such as creating a new record, navigating to a URL, or editing an existing recordmultiple actions on Button.
| ||
Visible | Allows users to control button visibility based on selected criteria from the dropdown:
| ||
Disable | Allows users to control the button's disabled state based on selected criteria from the dropdown:
|
Sub Menu Button
...
:
...
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 |
|
Buttons | Here users can add multiple buttons which they want to be in a button group. You can explore more about buttons modal config above. |
Icons:
Here user can select the icon for button.
Search Bar is also available to search the icon by their name.
Also set the sizes of icon as X-small, Small.
...
Icon Attribute | Description |
---|---|
Category | User can select icon Utility icons category. 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:
Here user can choose the different variant for the buttons.
...
Variant | Description | |
---|---|---|
Neutral | Neutral is the default variant of the Button Group which is displayed in white color. | |
BrandBrand | variant is a It makes button variant to Blue color. | |
Outline-brand | Outline-brand is like the brand variant, but the color is used for the highlight the label and border only, not the whole Button Group colorof Button. | |
DestructiveDestructive | variant is in a It makes button variant to Red color. Note: It is usually used to group buttons which depict actions which warn the user. | |
Success | Success variant is in a Green color. Note: It is usually used to group buttons which depict successful actionSuccess | It makes button variant to Green color. |
Text DestructiveText Destructive | variant is Dark Highlight the label of Button to Red in color. Note: It is usually used to group buttons which depict adverse actions. |
Actions:
...
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 Visible and Disable 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.
...
Attributes | Description |
---|---|
Value Source | It provides list of various value sources for assigning the value for input. 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. 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. |
Overflow After:
Here, you can control the list of buttons by setting the value in this field.
...
panelIconId | 1f5e8 |
---|---|
panelIcon | :speech_left: |
panelIconText | 🗨️ |
bgColor | #DEEBFF |
...
value |
...
bgColor | #FFF0B3 |
---|
...
. |