Each field in the Form Builder contains a corresponding attribute that is configurable by the user. Here are the following attributes for each form field:
Single Line
Display Tab
- Label – This is a free text field that is mandatory
- Default Value – This defines the initial (default) value of the input field
- Default Placeholder Text – This is a short description or hint that describes the expected value of an input field
- Helpful Information Text – Displays a help icon or tooltip next to a form field to provide more information
Styling Tab
- Font – Select the font face from the drop-down menu
- Font Size – Select the size of the font
- Label Text – Select the label text color from the color palette or enter the HEX code
- Field Input Text – Select the field input text color from the color palette or enter the HEX code
- Form Field Background – Select the form field background from the color palette or enter the HEX code
- Form Field Stroke – Select the form field stroke color from the color palette or enter the HEX code
- Required Field Indicator – Select the required field indicator color from the color palette or enter the HEX code
- Reset to default – Erases the custom settings and restores styling to default settings
- Field Preview – Provides a real-time preview of the customized field
Validation Tab
- Field Format – Select whether the format is HTML Links or None
- Number of Characters – Set the minimum and maximum number of character limits
Settings Tab
- Required – This checkbox allows the user to mark the field as a required field
- Hidden – This checkbox allows the user to hide the field
- Read-only – A checkbox that allows “Read-Only”
- PI Data – A checkbox that tags the field as PI Data
- Match Field – A checkbox that allows the user to match fields against another similar field
- Field UUID – This is a read-only field and is auto-generated once saved
- Data Field – This is a drop-down field with the list of Purposes created from the Data Subject Type page
Paragraph
Display Tab
- Label – This is a free text field that is mandatory
- Default Value – This defines the initial (default) value of the input field
- Default Placeholder Text – This is a short description or hint that describes the expected value of an input field
- Helpful Information Text – Displays a help icon or tooltip next to a form field to provide more information
Styling Tab
- Font – Select the font face from the drop-down menu
- Font Size – Select the size of the font
- Label Text – Select the label text color from the color palette or enter the HEX code
- Field Input Text – Select the field input text color from the color palette or enter the HEX code
- Form Field Background – Select the form field background from the color palette or enter the HEX code
- Form Field Stroke – Select the form field stroke color from the color palette or enter the HEX code
- Reset to default – Erases the custom settings and restores styling to default settings
- Field Preview – Provides a real-time preview of the customized field
Settings Tab
- Required – This checkbox allows the user to mark the field as a required field
- Hidden – This checkbox allows the user to hide the field
- Read-only – A checkbox that allows “Read-Only”
- PI Data – A checkbox that tags the field as PI Data
- Field UUID – This is a read-only field and is auto-generated once saved
- Data Field – This is a drop-down field with the list of Purposes created from the Data Subject Type page
Phone Number
Display Tab
- Label – This is a free text field that is mandatory
- Default Value – This defines the initial (default) value of the input field
- Helpful Information Text – Displays a help icon or tooltip next to a form field to provide more information
Styling Tab
- Font – Select the font face from the drop-down menu
- Font Size – Select the size of the font
- Label Text – Select the label text color from the color palette or enter the HEX code
- Field Input Text – Select the field input text color from the color palette or enter the HEX code
- Form Field Background – Select the form field background from the color palette or enter the HEX code
- Form Field Stroke – Select the form field stroke color from the color palette or enter the HEX code
- Required Field Indicator – Select the required field indicator color from the color palette or enter the HEX code
- Reset to default – Erases the custom settings and restores styling to default settings
- Field Preview – Provides a real-time preview of the customized field
Validation Tab
- Phone No. Format – The conventions for writing the phone number
- Default Country Code – If enabled, this sets the default country code from the drop-down list
Settings Tab
- Required – This checkbox allows the user to mark the field as a required field
- Hidden – This checkbox allows the user to hide the field
- Read-only – A checkbox that allows “Read-Only”
- PI Data – A checkbox that tags the field as PI Data
- Field UUID – This is a read-only field and is auto-generated once saved
- Data Field – This is a drop-down field with the list of Purposes created from the Data Subject Type page
Display Tab
- Label – This is a free text field that is mandatory
- Default Value – This defines the initial (default) value of the input field
- Default Placeholder Text – This is a short description or hint that describes the expected value of an input field
- Helpful Information Text – Displays a help icon or tooltip next to a form field to provide more information
Styling Tab
- Font – Select the font face from the drop-down menu
- Font Size – Select the size of the font
- Label Text – Select the label text color from the color palette or enter the HEX code
- Field Input Text – Select the field input text color from the color palette or enter the HEX code
- Form Field Background – Select the form field background from the color palette or enter the HEX code
- Form Field Stroke – Select the form field stroke color from the color palette or enter the HEX code
- Required Field Indicator – Select the required field indicator color from the color palette or enter the HEX code
- Reset to default – Erases the custom settings and restores styling to default settings
- Field Preview – Provides a real-time preview of the customized field
Settings Tab
- Required – This checkbox allows the user to mark the field as a required field
- Hidden – This checkbox allows the user to hide the field
- Read-only – A checkbox that allows “Read-Only”
- PI Data – A checkbox that tags the field as PI Data
- Match Field – A checkbox that allows the user to match fields against another similar field
- Field UUID – This is a read-only field and is auto-generated once saved
- Data Field – This is a drop-down field with the list of Purposes created from the Data Subject Type page
Dropdown
Display Tab
- Label – This is a free text field that is mandatory
- Default Value – This defines the initial (default) value of the input field
- Default Placeholder Text – This is a short description or hint that describes the expected value of an input field
- Helpful Information Text – Displays a help icon or tooltip next to a form field to provide more information
Styling Tab
- Font – Select the font face from the drop-down menu
- Font Size – Select the size of the font
- Label Text – Select the label text color from the color palette or enter the HEX code
- Field Input Text – Select the field input text color from the color palette or enter the HEX code
- Form Field Background – Select the form field background from the color palette or enter the HEX code
- Form Field Stroke – Select the form field stroke color from the color palette or enter the HEX code
- Required Field Indicator – Select the required field indicator color from the color palette or enter the HEX code
- Option Text – Select the option text color from the color palette or enter the HEX code
- Reset to default – Erases the custom settings and restores styling to default settings
- Field Preview – Provides a real-time preview of the customized field
Options Tab
- Add Dropdown Options – This is the list of options that displays when the user clicks on the menu title and allows the user to choose one value from the list
- Search Options – This enables the user to search for keywords to easily locate a given value
Settings Tab
- Required – This checkbox allows the user to mark the field as a required field
- Hidden – This checkbox allows the user to hide the field
- Read-only – A checkbox that allows “Read-Only”
- PI Data – A checkbox that tags the field as PI Data
- Field UUID – This is a read-only field and is auto-generated once saved
- Data Field – This is a drop-down field with the list of Purposes created from the Data Subject Type page
Checkbox
Display Tab
- Label – This is a free text field that is mandatory
- Show Label on the form – This allows you to display the form label when rendering the form field.
- Default Value – This defines the initial (default) value of the input field. For checkboxes, this is set to Unchecked.
- Helpful Information Text – Displays a help icon or tooltip next to a form field to provide more information
- Message – The content you wish to display to provide more information
- Display Value Configuration– This allows to set the value of the checkbox field to either Checked is Opt-in or Checked is Opt-out.
Styling Tab
- Font – Select the font face from the drop-down menu
- Font Size – Select the size of the font
- Label Text – Select the label text color from the color palette or enter the HEX code
- Default Background – Select the default background from the color palette or enter the HEX code
- Selected Background – Select the selected background from the color palette or enter the HEX code
- Required Field Indicator – Select the required field indicator color from the color palette or enter the HEX code
- Field Preview – Provides a real-time preview of the customized field
Settings Tab
- Required – This checkbox allows the user to mark the field as a required field
- Hidden – This checkbox allows the user to hide the field
- Read-only – A checkbox that allows “Read-Only”
- PI Data – A checkbox that tags the field as PI Data
- Field UUID – This is a read-only field and is auto-generated once saved
- Data Field – This is a drop-down field with the list of Purposes created from theData Subject Typepage
Country
Display Tab
- Label – This is a free text field that is mandatory
- Default Value – This defines the initial (default) value of the input field
- Default Placeholder Text – This is a short description or hint that describes the expected value of an input field
- Helpful Information Text – Displays a help icon or tooltip next to a form field to provide more information
Styling Tab
- Font – Select the font face from the drop-down menu
- Font Size – Select the size of the font
- Label Text – Select the label text color from the color palette or enter the HEX code
- Field Input Text – Select the field input text color from the color palette or enter the HEX code
- Form Field Background – Select the form field background from the color palette or enter the HEX code
- Form Field Stroke – Select the form field stroke color from the color palette or enter the HEX code
- Required Field Indicator – Select the required field indicator color from the color palette or enter the HEX code
- Option Text – Select the option text color from the color palette or enter the HEX code
- Reset to default – Erases the custom settings and restores styling to default settings
- Field Preview – Provides a real-time preview of the customized field
Options Tab
- Add existing option – This allows for adding a list of country options
- Search Options – This is a keyword search option to easily locate a country on the list
Settings Tab
- Required – This checkbox allows the user to mark the field as a required field
- Hidden – This checkbox allows the user to hide the field
- Read-only – A checkbox that allows “Read-Only”
- PI Data – A checkbox that tags the field as PI Data
- Field UUID – This is a read-only field and is auto-generated once saved
- Data Field – This is a drop-down field with the list of Purposes created from the Data Subject Type page
Group Checkbox
Display Tab
- Label – This is a free text field that is mandatory
- Show Label on the form – This allows you to display the form label when rendering the form field.
- Helpful Information Text – Displays a help icon or tooltip next to a form field to provide more information
- Main Checkbox Functionality – This allows setting the value of the main checkbox to either Select /Unselect All & Indeterminate or Unsubscribe All.
- Message – The content you wish to display to provide more information
- Display Value Configuration – This allows to set the value of the checkbox field to either Checked is Opt-in or Checked is Opt-out.
NOTE: The Display Value Configuration for the children of group checkboxes will behave according to the Main Checkbox Functionality value.
- If Main Checkbox Functionality value is Select /Unselect all & Indeterminate for the parent, then Admin has the ability to set either “Checked is Opt-in” or “Checked is opt-out” and for the children it will always be the same as the parent and will not be editable.
- If Main Checkbox Functionality value is Unsubscribe All for the parent, then Admin has the ability to set both “Checked is Opt-in” or “Checked is Opt-out” and for the children value will be opposite of the parent and will not be editable.
Styling Tab
- Font – Select the font face from the drop-down menu
- Font Size – Select the size of the font
- Label Text – Select the label text color from the color palette or enter the HEX code
- Default Background – Select the default background from the color palette or enter the HEX code
- Selected Background – Select the selected background from the color palette or enter the HEX code
- Required Field Indicator – Select the required field indicator color from the color palette or enter the HEX code
- Main Checkbox Position – This sets the position of the main checkbox to either Top or Bottom
- Use Separator on Main Checkbox – When enabled, this sets a separator for the main checkbox. Change the color of the separator by choosing from the color palette or by entering the HEX code in the field provided.
- Field Preview – Provides a real-time preview of the customized field
Settings Tab
- Required – This checkbox allows the user to mark the field as a required field
- Hidden – This checkbox allows the user to hide the field
- Read-only – A checkbox that allows “Read-Only”
- PI Data – A checkbox that tags the field as PI Data
- Field UUID – This is a read-only field and is auto-generated once saved
- Data Field – This is a drop-down field with the list of Purposes created from theData Subject Typepage
Static Text
Display Tab
- Label – This is a free text field that is mandatory
- Message – The content you wish to display to provide more information
- Use as section header checkbox – When this is enabled, a 24px padding is added on top and bottom of this component to separate content between them.
Styling Tab
- Font – Select the font face from the drop-down menu
- Font Size – Select the size of the font
- Label Text – Select the label text color from the color palette or enter the HEX code
- Reset to default – Erases the custom settings and restores styling to default settings
- Field Preview – Provides a real-time preview of the customized field
Settings Tab
- Required – This checkbox allows the user to mark the field as a required field
- Hidden – This checkbox allows the user to hide the field
- Read-only – A checkbox that allows “Read-Only”
- PI Data – A checkbox that tags the field as PI Data
- Field UUID – This is a read-only field and is auto-generated once saved
- Data Field – This is a drop-down field with the list of Purposes created from the Data Subject Type page