Meta Box

Progress Stepper Style MB Frontend Submission Form

Support › MB Frontend Submission › Progress Stepper Style MB Frontend Submission FormResolved

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 26, 2023 at 9:25 PM #41220
    CodogCodog
    Participant

    Hi there,
    I have successfully used the 'MB Frontend Submission' to create a frontend user submission form by echoing the Shortcode within a template. All works fine.

    Q) The form I have created collects quite a lot of data and I would like to break the submission process into "Steps" (EG: Step 1 = Enter name, Enter email. Step 2 = Enter Date, Enter Time, etc....). With 'Next' and 'Previous' buttons to create a less overwhelming user experience.

    I am very confident I can achieve this using Bootstrap 5 Markup, but what would be the approach for breaking the up the 'Shortcode' into actionable form steps?

    Any help or advice appreciated 🙂

    March 27, 2023 at 8:27 PM #41228
    PeterPeter
    Moderator

    Hello,

    MB Frontend Submission does not support displaying a multi-step form. You can try to create some custom JavaScript code to show/hide the part of form or tabs when clicking on the next/previous button.

    March 27, 2023 at 10:03 PM #41232
    CodogCodog
    Participant

    Hi Peter,
    thanks for getting back to me. Yup! I thought this might be the case.

    Cheers

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.