Opens in a new tab

Combined Form Demo

One Bricks form exercising responsive labels, Dynamic HTML Output, field and wrapper classes, conditional field visibility, conditional field interactivity, submit-button conditions, and conditional form actions.

What to test

  • Resize the page: the newsletter checkbox label changes on mobile.
  • Choose Workshop: the preferred date field appears.
  • Choose Yes for booking reference: the reference field becomes editable.
  • Tick the demo declaration: the submit button enables.
  • Tick save submission: the save-submission action is allowed to run.
Dynamic HTML OutputThis message is an HTML output field inside the form. It has a wrapper class, role="note", and an accessible label.
Demo pathway
Do you have an existing booking reference?
Newsletter consent demo
Action condition demo
Submit button condition demo