Creating a large form, want to break down with tabs?

Hi there,

I am creating quite a large form with a number of fields, and am wanting to break it down with tabs.

How would i create an interaction where a button would open up the next tab?


Here is my public share link: LINK
(how to access public share link)

1 Like

Hi @pdccreative,

Please take a look at this similar question

Hi Sam,

Thanks i have looked at this but the important bits come up with 404 errors (see below)

Here’s a quick example of one of the methods i was explaingin above:
http://step-form.webflow.io/25

You can preview project here:
https://preview.webflow.com/preview/step-form?preview=91bf4e9553ba79326423c1a3a045e01220

Hi @pdccreative,

Both links do not work.

Hi Sam,

Yes thats what i mean these links are from the question you referenced, and they do not work.

Here’s how to properly get a public share link:

I will not be able to help you if I cannot see anything.

Hi Sam, here is the link

https://preview.webflow.com/preview/melville-ellis?preview=46dbb97be9328bbd2269e270ae8ade0c

I have the form on the finance page in a tabbed section. It is one form but i would like it spread over 3 tabs

I see the form now, and I can see you have inserted the tabs into the form, which is correct (instead of using 3 different forms).

Could you put in a basic button at the end of the first two tab sections? After doing that, paste this in Page Settings > Footer Code:

<script>
var Webflow = Webflow || [];
Webflow.push(function() {
  $('.w-tabs').on('click', 'a.w-button', function() {
    $(this).parents('.w-tabs').find('.w-tab-link.w--current').next().trigger('click');
  });
});
</script>
1 Like

Hi Sam,

Have followed instructions and published

https://preview.webflow.com/preview/melville-ellis?preview=46dbb97be9328bbd2269e270ae8ade0c

Looks like it’s working now.

Hi Sam,

Have followed instructions and published

https://preview.webflow.com/preview/melville-ellis?preview=46dbb97be9328bbd2269e270ae8ade0c

Kind regards,
Joseph Callanan
WEB & GRAPHIC DESIGNER
*printing.com http://www.printing.com/nz/home?source=B007 Whangarei | 15
Reyburn Street, Whangarei
| Phone 09 438 7596 | DDI *09 972 7531

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.