Versions Compared

Version Old Version 2 New Version Current
Changes made by

Content Writers

Content Writers

Saved on

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 Slider component. These attributes include:

...

Info

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

Note: This field is not

available if the user selects '

applicable for Non-Record Page

' in the configuration

.

Note:

It offers various value sources to assign to the label.

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.

info

Note: This field is disabled and pre-filled for Record Page.

Note: This field is not

available if the user selects '

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 Slider will appear in the preview section after making changes.

Info

Label

You can set the title for the Slider here.

Info
Info

Reference: Label Value Source

Min

”Min” in slider refers to the lowest or minimum achievable value within a slider scale. It offers various value sources to assign to the Min.

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

For example, on a rating scale of 1 to 10 where 1 represents the ”Min”.

info

Note: It offers various value sources to assign to the Min.

Max

”Max” in slider refers to the highest or maximum achievable value within a slider scale.

It offers various value sources to assign to the Max.

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

For example, on a rating scale of 1 to 10 where 10 represents the ”Max”.

info

Note: It offers various value sources to assign to the Max.

Value

“Value” represents the current value on a slider.

Info

Note:

By default, the value is set as 0.

Users can get or set the value through the different value sources.

Step Size

Step size refers to the incremental value by which something increases or decreasesincrement between two values. It offers various value sources to assign to the Step Size.

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

For example, if the step size is 1, a value might go from 0 to 1, then to 2, and so on.

Info

Note: It offers various value sources to assign to the Max

Hide Label

This option enables the user to hide the label of the slider.

Is Vertical

This option enables the user to show the slider vertically or horizontally as per his conveniencetheir preference.

Visible

This option allows you to control the visibility of the Slider component.

Note: the conditional filter is not available for Non-Record Page

Disable

This option allows you to control the disability of the Slider component.

Note: the conditional filter is not available for Non-Record Page

Padding Location

  • It is used to create space around an element's content.

  • 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

  • Slider as:
    Around, Top, Bottom, Left, Right, Horizontal, Vertical.

Padding Size

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

Margin Location

  • It is used to create space from outer edge of an element's content.

  • You can set the Margin location for Slider as:
    Around, Top, Bottom, Left, Right, Horizontal, Vertical.

Margin Size

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

Value Source:

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

...

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

...

Value Source

Description

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.

Static

You can provide a static fixed value.

Value Type

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

Visibility

In this section, you can control the visibility of slider 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.

...

...

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.

...

Static

...

You can provide a static fixed value.

...

Value Type

...

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

Disability

In this section, you can control the disability of slider 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 disable 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.

...

...

Note: You can add conditions with values based on various sources. Check the Value Sources section for more information

...

bgColor#FFF0B3

...

.