Formatted Value
What the Formatted Value Component Does
The Avonni Formatted Value Component makes entering and displaying any Salesforce data consistently easy. Similar to the Formatted Name Component, it guides users through a structured process for inputting data, ensuring accuracy and consistency.
Whether the data is text, numbers, dates, or any other field type, the component checks and formats it to match the expected format. This helps prevent errors and ensures your data is clean and reliable.
Changing the properties
Configuring the Avonni Formatted Value Component is a straightforward process that involves mapping Salesforce field values to the corresponding attributes of the component. Follow these steps to set up the component:
Label
The "Label" attribute defines the label for the value. It provides context and identifies the data for users.
Helptext
The "Helptext" attribute provides additional information about the value. It usually includes clarification or specific instructions to the users about the data.
Variant
The "Variant" attribute adjusts the position of the formatted value and the label. This enables the customization of how the formatted value and label are displayed in relation to each other.
Type
The "Type" attribute determines the format of the value. This can be a text, numerical, date, or other Salesforce field types. This attribute ensures the value entered adheres to the expected format.
Value
The "Value" attribute corresponds to the data that needs to be formatted. This is the actual data entered by the user or displayed to the user.
Linkify
The "Linkify" attribute, when set to true, transforms the value into a hyperlink. This link redirects users to the related record upon clicking. It provides a convenient way to navigate directly to the associated record.
Label icon
The "Label Icon" attribute adds an icon to the label. It consists of a set of sub-attributes defining the icon's name, size, position, etc., enhancing the visual representation of the label.
Value icon
The "Value Icon" attribute allows you to append an icon next to the value. Like the "Label Icon", it contains sub-attributes specifying the icon's details. This provides visual enrichment to the data being displayed.
When utilizing the 'Get Records' flow action, lookup values are not retrieved and, therefore, cannot be displayed using Avonni Formatted Value components. As a potential solution, consider creating a formula within the object to deliver the desired value.
Adding interactions
No interactions are available.
Events
No events are available
Styling Hooks
Border
Size
Define a text color for the title
Style
Define a font size for the title
Color
Define a font style for the title
Radius
Define a font weight for the title
Spacing
Block start
To specify the margin at the start of the block flow.
Block end
To specify the margin at the end of the block flow.
Inline start
The "start" and "end" values, used in conjunction with "inline," refer to the start and end points of the line of text. For a left-to-right language like English, "inline-start" would be equivalent to "left", and "inline-end" would be equal to "right".
Inline end
The "start" and "end" values, used in conjunction with "inline," refer to the start and end points of the line of text. For a left-to-right language like English, "inline-start" would be equivalent to "left," and "inline-end" would be equal to "right".
Container
Background color
Define a background color for the component container
Value
Color
Define a text color for the value
Font Size
Define a font size for the value
Font Style
Define a font style for the value
Font Weight
Define a font weight for the value
Label
Color
Define a text color for the label
Font Size
Define a font size for the label
Font Style
Define a font style for the label
Font Weight
Define a font weight for the label
Last updated
