Formatted Value

Overview

The Avonni Formatted Value Component is designed to facilitate entering and displaying any Salesforce field data in a standardized format. Like the Avonni Formatted Name Component, it guides users through a structured input sequence, allowing them to provide various field data inputs and ensure consistent data representation.

Regardless of the field type - text, numerical, date, or others -, the component ensures the entered data aligns with the expected format.

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:

Attribute	Description
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

Name	Description
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

Name	Description
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

Name	Description
Background color	Define a background color for the component container

Value

Name	Description
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

Name	Description
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