Event Registration Form
The online event registration form will increase the reach of your events by making it easy for guests to register online. Collect the names and contact information of all participants. The guest list will be stored in your account; you can view or export it at any time. Also, to make sure no one gets lost, a Google map is embedded in the form with the address of the event.
Structure and logic of the form
-
The form content is organized with Grid containers. Use grids in a form design to simplify layout, ensure consistency, and enhance the user experience.
-
The Email field accepts only data matching a specified pattern to ensure valid email entries. Choose from predefined patterns or create custom ones to verify customer information.
-
The Phone field accepts only valid phone numbers. You can select which country's formats are accepted in the field properties.
-
The guest list is collected using a Data Table control.
-
The table with the list of friends is shown or hidden based on the value of the Friends field with conditional rules in the Hide property of the Data Table control.
-
A Google map is embedded on the form using an HTML control. Find the instructions on how to generate an iframe here.
Styling
- A background image and the blurred background effect are made with CSS. You can replace the image in the CSS editor and keep the blur effect by leaving the fd-blur-background class on the Grid container.