[Resolved] Accordion feature in CRED form

[Author]

Posts

[ThomasB2891]

Hi,

I'm trying to add an accordion feature to a CRED form in order to organize all the input fields. I'm following the code provided in the link below for the function:

hidden link

I have the accordion working properly, but every time I click the accordion to expand I get a CRED warning about required empty fields. It almost like its trying to submit every time I click the accordion. Is there any way to stop this from happening?

Thanks,
Tom

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - the accordion example you shared is using button and that might be the cause that its displaying the errors you mentioned.

I would like to know - are you using bootstrap?

[ThomasB2891]

No, I'm not using bootstrap.

Is there a way I can add some form of ID to the accordion button code so that when the accordion is clicked it only tuns the accordion code instead of the CRED submit button code?

Thanks

EDIT: what about calling the function:

.preventDefault()

in the js code for the accordion buttons? Seems like it might prevent the buttons from submitting.

[Minesh]

So - you should activate the bootstrap from:
=> Toolset => Settings => General tag => Bootstrap loading section => Select "Toolset should load Bootstrap 3.0".

Then you should try following code - it should work.
hidden link

[ThomasB2891]

Ok thanks I'll give that a try. Will I need to add all the source info at the beginning or is that included when bootstrap is loaded?

[Minesh]

Well - you need to add required HTML to build your accordion as per your need and at place where you required within your CRED form.