Versions Compared

Key

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

...

Attributes

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.

Field

This allows you to choose a specific field from the selected object in the Record object option. The chosen field will be used to map the Visual Picker items.

Info

Note: Users can only select fields with the following data types: picklist, multi-picklist, and checkbox.

Item

This option allows you to create different types of visuals for each value of the selected field from the Field option. You can create items as images, text, or icons.

Info

Label

  • This option allows you to assign a title to the Visual Picker.

  • You can select the title from various sources, including record field values, custom settings, and custom metadata.

Info

Reference: Label Value Source

Size

This option allows you to select the size of the Visual Picker component, such as Large, Medium, or Small.

Is Coverable

"The 'Is Coverable' checkbox allows the Visual Picker item to be covered with a check mark."

Hide Footer

The 'Hide Footer' checkbox allows the user to hide the footer of the Visual Picker item.

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 accordinglyVisual Picker as Around, Top, Bottom, Left, Right, Horizontal, Vertical.

Padding Size

You can set the padding Size for Visual Picker as XXX Small, XX Small, X Small, Small, Medium , Large.

Margin Location

You can set the margin location for components (e.g., 'around,' 'left'). After setting the location, you can adjust the margin size accordinglyMargin location for Visual Picker as Around, Top, Bottom, Left, Right, Horizontal, Vertical.

Margin Size

You can set the Margin Size for Visual Picker as XXX Small, XX Small, X Small, Small, Medium , Large.

Value Sources:

...

You can add conditions with values based on various sources, such as:

Label Attributes

Description

Value Source

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

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

Reference: Record Object.

Static

You can provide a static fixed value.

Value Type

This field is read-only and displays diplays the type of fields as text.

...

Attributes

Description

Value

This option allows you to bind the icon with field value.

Info

Note: This contains the values from the field selected while configuring the component.

Type

Select type of item such as

  • Image

  • Text

  • Icon

Icon

This option allows you to select a value from the dropdown.

Footer Header

This option allows you to show content in the item header.

Footer Content

This option allows you to show content in the item footer.

Visible

This option allows you to control the visibility of the item.

Disable

This option allows you to control the disability of the item.

Visibility

In this section, you can control the visibility of items (e.g., image, text, icon) by choosing one of the following options:

...

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

For example, You can add conditions to make an image item visible whenever the account type is 'Prospect.' You can also add multiple conditions with custom logic such as 1 OR 2 AND 3:

  • AND: Execute if all specified conditions are true.

  • OR: Execute if at least one of the specified conditions is true.

...

Disability

In this section, you can control the disability of items (e.g., image, text, icon) by choosing one of the following options:

...