Forums

First of all, I'm new to Chronoforms (CF) but not to forms or Joomla. This component looks very good for an application I'm updating from Community Builder to manage a database table from the frontend.
I've got a 40 field form that I present as a series of tabs in Community Builder (CB) now. I'm working with CF to see how it actually works... and have hit a snag using tabs.
I've followed the sample form in the install but get some strange results. Looking at the forum posts, at least two other people report the same problem. I don't know if I've got the tabs set up wrong or if there is a bug so I'm asking for help.
The container for the tabs area has 3 tabs in it. I've nested the fields so the layout is as follows PRE-save:
tabs_area
First tab
Field one
Field two
Field three
etc.
Second tab
Field four
Field five....
Third tab
Field six
Field seven...
end tabs_area
Submit button.
(This seems to match the layout of the sample form)

POST SAVE:
The entire saved block breaks and all items are no longer nested but are all separate items.

Looking at the JS errors in the browser, there was one, Syntax error, unrecognized experssion #general-{N}
in jquery.min.js

I have attached two files, one showing the pre-submit version and one after the form was submitted.

Am I doing something wrong or is there a problem? Solutions?
Thanks for any help.
[attachment=0]chronoforms-tab-setup-pre-save.jpg[/attachment]
[attachment=1]chronoforms-tab-setup-post-save.jpg[/attachment]

Hi,

First of all, the fields should be inside the tabs containers, so it should be in this structure:

tabs area > tab > field

But you have the fields inside the "tabs area" but not inside the "tab".

However, According to the images you have, a problem exists, but I can't reproduce it here, could you please try to save the "demo tabs form" ? does the problem occur when you do that ?

Regards,
Max

Hi Max,

I may have discovered part of my confusion.

Is it possible to drag an item you have created into the tab or do you have to create it in the >tab itself?

I tried to drag an existing element into the Tab area but that would not work. Tried to create an element in the area and that did work as expected.

Maybe I missed some important point and that's the root of my problem?

Thanks for your help,
Chris

Hi StuckInForms,

You can Drag into a Tab area (or any other container) from the left hand column.

You can't drag an existing element into a different container.

You can copy and paste an existing element into a different container using the Copy and Paste icons (and then delete the old one).

Bob

Hi GreyHead,
It's the details that will kill you when learning a new plugin.
Many thanks for all the help getting started. Fair warning, I may be back....
Best regards,
Chris