Advanced Form Field Options

Utilizing Advanced Form Field Options

Accessing Advanced Options

  1. Click on the Form Builder in the Breakdance editor preview panel.
  2. Select a form field in the Properties panel.
  3. Click on the ‘Advanced’ pop-out to view additional options.

Setting Unique Field IDs

You can customize the ID of each field in the Advanced field settings.

It’s important to note that each field requires a unique ID, even if it is customized. You should avoid duplicate field IDs.

The field ID is used in various places, such as inside email actions when inserting field values.

Configuring Default Field Values

You can designate default values for your fields in via the “Value” input.

Note that this is very useful when you need to pre-populate a form field with a dynamic value, such as a user’s email address.

Using Placeholders

You can designate a placeholder for the field in the “Placeholder” input.

Placeholders help users to understand what to put in the form field.

Note that placeholders are not included in form submissions if left unchanged by the user. This means a placeholder does not act as a default value for the field.

Setting Field Requirements

You can designate a field as required by enabling the “Required” toggle.

If enabled, the form cannot be submitted unless this field is filled out properly.

Adjusting Field Width

Breakdance uses a 12-column layout for forms.

This means you can set a field to any value between 2 and 12 to determine how much space it takes up.

If two fields are set to widths that would allow them to fit side by side, they will stack horizontally, allowing you to achieve highly custom layouts for your fields.

Implementing Conditional Fields

Conditional settings allow you to control a field’s visibility based on the value of another field.

Additional Notes

For more detailed information and practical examples, refer to the other Form Builder documentation & videos available.