Creating a New Field on Web Builder
Overview
The Web Builder allows organizers to create custom fields that capture additional information from users. By adding new fields, you can control how data is collected, validated, displayed, and translated across your web pages. This article explains how to create and configure a new field using the Web Builder.
Step-by-Step Approach
1. Create a New Field
- On the Event Dashboard, go to the Contents module.
- Select the Pages submenu.
- Add a new page or edit an existing page.
- Click Create Field.
2. Configure Field Details
- Enter or edit the Display Label that appears on the web page.
- Select a Type from the Type dropdown (for example: Text, Select, Multiselect).
- Select an existing Field Category or add a new one.
- Enter or edit the Tooltip text to guide users.
- Enter or edit the Field Name (used internally).
- Select a Component from the Component dropdown.
- Enter or edit the Placeholder Text (available for field types other than Select or Multiselect).
- Enter or edit the Error Message shown when validation fails.
3. Set Field Validations
- Click the Field Validation tab.
- Configure validation rules based on the selected field type.
- Define mandatory or optional behavior.
- Set format, length, or value constraints depending on the field type.
4. Configure Field Rights
- Click the Field Rights tab.
- Select or unselect field rights to control visibility and edit permissions.
5. Manage Translations
- Click the Translation tab.
- Enter or edit translated text for each enabled language.
6. Save the Field
- Save the newly created field.
- See the new field listed in the Field Component list.
- Use the field in relevant web components.
Result
The new field is successfully created and available for use in the Web Builder, with configured validations, rights, and translations applied.