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

[pdccreative]

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)

[samliew (samliew.com)]

Hi @pdccreative,

Please take a look at this similar question

Multi step form

Hi, I need to create multi step form like this [image] on my site here http://agents-for-owners-2.webflow.io/ . can you please help me If there is already created functionality for multi step form. Thanks Simran

[pdccreative]

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

[samliew (samliew.com)]

Hi @pdccreative,

Both links do not work.

[pdccreative]

Hi Sam,

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

[samliew (samliew.com)]

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

How to Enable a Webflow Share Link

#If you’re new to the Webflow forum, welcome! To enable the Webflow community to help you with your website, please include your site’s Share Link with your question. This will enable the community to see your site without making any edits to it. #1. Here are the two places you can find the site’s share link: Site Dashboard [image] Account Dashboard [image] #2. Enable the share link, then copy the generated link: [image] #Here are video instructions

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

[pdccreative]

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

[samliew (samliew.com)]

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>

[pdccreative]

Hi Sam,

Have followed instructions and published

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

[samliew (samliew.com)]

Looks like it’s working now.

[pdccreative]

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