Skip to main content

Form Builder

The Form Builder is a drag-and-drop tool for creating registration forms that collect information from your event attendees. You can build forms inline during event creation, save them to your organization's form repository for reuse, or select a previously saved form.

Opening the Form Builder

You access the Form Builder when configuring an RSVP or Sign-up event:

  1. In the event creation or editing flow, locate the Registration Form section.
  2. Choose one of the following options:
    • Create New Form -- Opens a blank form builder.
    • Select from Repository -- Opens a list of your previously saved forms.
    • Use Default Participant Form -- Applies a pre-built form with Name, Email, and Phone fields.
📸
Screenshot: Form attachment options
The registration form section showing three buttons: Create New Form, Select from Repository, and Use Default Participant Form

Building a Form

Form Name and Description

Every form requires a name and a description:

  • Name -- A short, descriptive title for the form (for example, "Workshop Registration" or "Volunteer Sign-up"). Maximum 100 characters.
  • Description -- A brief explanation of what the form collects (for example, "Please provide your details so we can prepare materials for the workshop"). Maximum 1,000 characters.

Both fields are required. The form name is visible to attendees at the top of the registration form.

📸
Screenshot: Form name and description
The top of the form builder showing the Name and Description input fields, both filled in with example text

Adding Fields

  1. Select the Add Field button at the top of the form builder or at the bottom of the fields list.
  2. The field type selector appears, organized into four categories:
    • Auto-Fill Fields (recommended) -- Name, Email, Phone, Address, Membership ID
    • Text Fields -- Short Answer, Long Answer
    • Choice Fields -- Single Choice (radio buttons), Multiple Choice (checkboxes)
    • Special Fields -- URL/Link, File Upload
  3. Select a field type to add it to your form.
  4. Configure the field's question text, options (if applicable), and required status.
📸
Screenshot: Field type selector
The Add Field overlay showing the four categories -- Auto-Fill Fields at the top with a "Recommended" badge, followed by Text Fields, Choice Fields, and Special Fields, each with descriptive labels
tip

Start with Auto-Fill Fields (Name, Email, Phone) as your first fields. These are marked as recommended because they can be automatically populated from the attendee's FeatsClub profile, making registration faster.

Configuring Fields

After adding a field, it appears as an expandable card in the form builder. Select the card to expand it and configure:

  • Question / Title -- The label shown to attendees (required for all field types).
  • Required Toggle -- Whether the field must be filled out before submitting.
  • Options (for choice fields) -- Add, remove, and reorder the available choices.
  • File Type (for file upload fields) -- Restrict uploads to specific file types.
  • Placeholder (for URL fields) -- Hint text shown in the input.
📸
Screenshot: Expanded field card
A single choice field card expanded in the form builder, showing the question text input, the required toggle switch, and a list of options with add/remove controls

Reordering Fields

Drag and drop fields to change their order:

  1. Hover over the drag handle on the left side of a field card.
  2. Click and drag the field to its new position.
  3. Release to drop it in place.

The form will be presented to attendees in the order shown in the builder.

📸
Screenshot: Dragging a field to reorder
The form builder showing a field being dragged from position 3 to position 1, with a visual indicator showing the drop target

Duplicating Fields

To quickly create a similar field:

  1. Locate the field you want to copy.
  2. Select the duplicate icon on the field card.
  3. A copy of the field appears directly below the original.
  4. Edit the duplicated field to make your changes.

Deleting Fields

To remove a field from the form:

  1. Select the delete icon on the field card.
  2. The field is removed immediately.
warning

Deleting a field cannot be undone while you are in the form builder. If you accidentally delete a field, close the form builder without saving and reopen it to restore the previous state.

Collapsing and Expanding Fields

When your form has many fields, you can collapse individual field cards to see an overview:

  • Select the collapse arrow on a field card to minimize it, showing only the field type and question text.
  • Select it again to expand and edit.

This is especially useful for long forms where you need to scroll through many fields.

Form Validation

Before saving, the form builder validates your work. You must meet these requirements:

RequirementDetails
Form nameMust not be empty
Form descriptionMust not be empty
At least one fieldThe form must contain at least one field
Field questionsEvery field must have a question or title filled in
Choice optionsSingle Choice fields need at least 2 options; Multiple Choice fields need at least 1 option

If validation fails, an error message appears at the bottom of the form builder indicating which requirement is not met.

📸
Screenshot: Form validation error
The bottom of the form builder showing a red error banner that reads "Field 3: Question is required" above the Save button

Saving and Reusing Forms

Saving a Form

Select the Create Form (or Update Form if editing) button at the bottom of the form builder to save. The form is attached to your event and also saved to your organization's form repository.

Form Repository

Your organization maintains a repository of saved forms. This lets you:

  • Reuse forms across events -- Select a saved form when creating a new event instead of building from scratch.
  • Maintain consistency -- Use the same registration form for recurring events.
  • Build a library -- Create forms for different use cases (workshop registration, volunteer sign-up, feedback collection) and reuse them.

To select a saved form:

  1. In the Registration Form section, choose Select from Repository.
  2. Browse your saved forms.
  3. Select one to attach it to the current event.
📸
Screenshot: Form repository selection
A modal showing a list of saved forms in the repository, each displaying the form name, description, number of fields, and a Select button
info

When you select a form from the repository, a copy is attached to your event. Editing the form on one event does not affect other events that use the same form.

Default Participant Form

If you need a quick form without building one from scratch, use the Default Participant Form. It comes pre-configured with three fields:

FieldTypeRequired
Full NameAuto-fill (Name)Yes
Email AddressAuto-fill (Email)Yes
Phone NumberAuto-fill (Phone)No

These fields auto-fill from the attendee's FeatsClub profile if they are logged in, making registration fast and effortless.

tip

The default participant form is a great starting point. You can always open it in the form builder and add more fields before saving.

Unsaved Changes

If you try to close the form builder while there are unsaved changes, a confirmation dialog appears asking whether you want to discard your changes or keep editing. This prevents accidental data loss.

See Also