Tabbed Forms

Good eve, thank you for posting back on the forum.

or example, break down the form into tabs: Tab 1 (2 fields with Name and Email), Tab 2 (2 fields of How did you find us and Book with us), etc.

Is this even possible,?

no, the tabbed section only repeat the fields lay-out of the initial tab.

Tabs are basically the same as tables (where a user can add multiple rows of the same set of fields of the initial row), and were designed so as to be able to contain more complex layouts (including tables) which were too complex to fit in a row.

Question: what’s the reason for the need to setup your form on multiple tabs?

I am guessing this is to break down the fields into a logical groups to be filled in a sequential step?

If so you could still achieve this using either a multi-step form (see this plugin which will work with cf7 forms) or use collapsible rows (jquery ui accordeon) which this plugin will allow you to achieve.

For the latter, the plugin group collapsible rows so that users can only open one section at a time (ie similar to what tabs would do, only allowing to see the open row), see FAQ #10.

• This reply was modified 5 years ago by Aurovrata Venet.

Great!
Thank you so much for your helpful answers. For now, I will keep form as is since it’s not of high importance to achieve this tabbed layout, especially not with an extra plugin. I was just wondering if I could’ve achieved it as is, with just your plugin.
I will keep your suggestions though for another project in the future!

Thanks again..!

you’re wc