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 |
Last updated