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
- 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.
- Information Icon – Select the information icon color from the color palette or enter the HEX code.
- Helpful Information Background – Select the helpful information background color from the color palette or enter the HEX code.
- Helpful Information Text Color – Select the helpful information text color from the color palette or enter the HEX code.
- Helpful Information Text Font – Select the helpful information text font face from the dropdown menu.
- Font Size – Select the size of the helpful information font.
- 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
(Optional) [+] sign followed by 6-20 digits
For example, +1234567, 1234567; or
International Format (must pass regex:
(\+?(\d{1,2}\s?)?1?-?\.?\s?\(?\d{3}\)?[\s.-]?)?For example, +1 123-456-7890, +44 1234567890)
- 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