The Dynamic Field enables users to select the field in the data list that they want to show in the collection. Once the field is selected, the content of the field will be dynamically displayed.
Add Dynamic Field control to Collection
Firstly, find the Dynamic Field control in the controls add panel. Then, drag and drop it into Collection.
Content of the Dynamic Field
Open the Content > Content block to set the content of this Dynamic field control.
Source: Select the source from which the field comes.
Object fields: Choose the Field you want to displayed.
Text length: Determines the maximum number of characters displayed in the field.
Text before field value: Input a static text prefix in the textbox.
Text after field value: Input a static text suffix in the textbox.
Fallback: Set the static text to show when the value is empty.
Open the Content > Appearance block to set the appearance and layout of this Dynamic field control.
Dynamic Display Rules: When you set a dynamic display rules, It behaves differently based on specific conditions and rules. Learn how to create dynamic display rules for a control.
Style of the Dynamic Field
Value:
Open the Style > value block to set the styles of the field control for it's value.
Text alignment: Set the alignment of text inside the field control. Can be Left, Center or Right.
Padding: Set the Padding of the field control.
Typography: Set the typography options for the text in the field.
Normal / Hover / Active: Set different styles for normal state hover and active state of the field. Styles below are supported to be set separately for normal, hover and active state.
Color: Choose the color of the field text.
Background Color: Set background color of the field.
Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.
Radius: Set the border radius to control corner roundness.
Shadow: Adjust box shadow options.
Text before field value:
Open the Style > Text before field value block to set the styles of the field control for it's text before field value.
Typography: Set the typography options for the text of text before field value.
Color: Choose the color of the text before field value.
Gap: Control the amount of space between text before field value and field value.
Text after field value:
Open the Style > Text after field value block to set the styles of the field control for it's text after field value.
Typography: Set the typography options for the text of text after field value.
Color: Choose the color of the text after field value.
Gap: Control the amount of space between text after field value and field value.
Advanced Settings
Set the Advanced Settings Tab that are applicable to this control.