Progress Stepper Style MB Frontend Submission Form - Meta Box

This topic has 2 replies, 2 voices, and was last updated 1 year, 8 months ago by Codog.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
March 26, 2023 at 9:25 PM #41220

Codog
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 🙂

Add New Note to this Reply

March 27, 2023 at 8:27 PM #41228

Peter
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.

Add New Note to this Reply

March 27, 2023 at 10:03 PM #41232

Codog
Participant

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

Cheers

Add New Note to this Reply
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.