formattingOptions of Input Fields

Adds additional configuration options that influence how the input looks like.

Property name

Property values or type

Description

Property name

Property values or type

Description

placeholder

String

Places the specified text to the input field as a placeholder. The placeholder text disappears once the user starts typing to this input field. This gives the user the hint of the expected value.

title

String

Displays the specified text when the user hovers the mouse over the field label.

helpText

String

Displays a question mark icon next to the input field label and displays the specified text.

helpLink

String

Displays a question mark icon next to the field label and displays the "Learn more" link when a user hovers the mouse over the icon. Clicking on the "Learn more" text will open the specified destination.

customAttributeName

String

Creates the custom name data attribute in the form’s HTML. The resulting HTML: data-custom-AttributeName="AttributeValue".

customAttributeValue

String

Creates the custom value data attribute in the form’s HTML. For example, data-custom-AttributeName="AttributeValue".

width

String

Sets the width of the input field on the screen. Accepted values are: small (200px or 25% of available space), medium (400px or 50% of available space), large (800px or 100% of available space), max (100% of available space)

defaultWidth

String

Sets the default width of the widget. This value is also inherited down to widget’s children. Setting of default width is meant to be used with Configurators, and layouts Row and Collapse. Accepted values are: large (800px or 100% of available space), max (100% of available space). If you use another value, it will be ignored. If not set, the default is large.

flex

integer

How much space should the element take out of a row. Define how the element will grow or shrink to fit the space available. (only for InputType 'ROW')

Found an issue in documentation? Write to us.