Actions on the Preview & Working with the Form

What is this for?

This guide explains the actions available on the preview page and how to work with the registration form — filling in fields, checking required data, and submitting your entry.

Available Actions (Toolbar)

The top toolbar has two action buttons. Both are green with icons.

Go Back

• Icon: Left arrow
• What it does: Takes you to the previous page.
• Behavior:
  • If you reached the preview from the Event Builder — you return to the Builder with your work state preserved.
  • If you reached it from the Library — you return to the event list in the Library.

Edit Event

• Icon: Pencil
• What it does: Opens the Event Builder for the current event, where you can change blocks, content, form fields, and metadata.
• When to use it: When you notice something that needs changing during preview — text, color, a form field, or an image.

Working with the Registration Form

The registration form is the central element of the preview. It appears in a form block and contains input fields and a submit button.

Form Field Types

The form can contain different field types. Here is what each one looks like and how to use it:

Text Field

• How it looks: A rectangular field with a placeholder hint and a label above it.
• How to use it: Click the field and type your text.
• Limit: Up to 374 characters. A character counter appears to the right of the field.
• Required: Marked with a red asterisk (*) next to the label if the field is mandatory.

Email Field

• How it looks: A rectangular field with a hint like "Email" or similar.
• How to use it: Enter a valid email address (for example, user@example.com).
• Limit: Up to 100 characters. The system automatically checks the email format.
• Required: Always marked as required if the field is present in the form.

Text Area

• How it looks: A large rectangular field for multi-line text.
• How to use it: Click and type. You can press Enter to start a new line.
• Limit: Up to 374 characters. A character counter appears to the right of the field.
• Required: Marked with a red asterisk if the field is mandatory.

Dropdown List

• How it looks: A field with an arrow on the right that reveals a list of options when clicked.
• How to use it: Click the field to expand the list, then select the option you need.
• Features: May support selecting multiple options or searching through the list.
• Required: Marked with a red asterisk if the field is mandatory.

Checkbox Group

• How it looks: A set of checkboxes with labels.
• How to use it: Tick the boxes for the options you want.
• Features: You can select one or multiple options depending on the settings.
• Required: Marked with a red asterisk if the field is mandatory.

Date Picker

• How it looks: A field with a calendar icon on the right.
• How to use it: Click the field to open the calendar, then pick a date.
• Required: Marked with a red asterisk if the field is mandatory.

Submit Button

At the bottom of the form there is a submit button (for example, "Subscribe," "Register," or other text depending on the settings).

• When to click: After filling in all required fields.
• What happens: The system checks all your input, and if everything is OK, it shows a success message.

Field Validation

The system automatically checks your data when you click the submit button and when you change fields:

1. Required fields — if left empty, a red error message appears below the field.
2. Email format — if the address is invalid (for example, missing the @ sign), an error message about the incorrect format appears.
3. Character limit — if you exceed the maximum number of characters, the text is truncated.

Messages After Submission

• Success: A green message appears at the top of the form confirming that your entry was submitted successfully.
• Error: A red message appears asking you to check your data. Fields with errors are highlighted in red.

Important Rules & Tips

Note: In the preview, form data is NOT saved to the server. This is only a visual check to see how validation works and what the messages look like. Actual registration happens only on the live public event page.

Note: The Email field is a key field for registration. Even if it is not marked as required, the system requires it to submit the form.

Tip: Fill in all form fields during preview to verify that validation works correctly. Pay attention to the error messages — these are exactly what your attendees will see.

Tip: If the form contains a dropdown list, check whether the options load correctly. If the list is empty, go back to the Event Builder and set up the catalog for that field.