Forums

How to set an accordion panel collapsed by default

germanru 01 Dec, 2015
I have been trying now for 2 days to discorver how to make the accordion panel of my form to be collapsed by default. Now when accesing to my online form, the accordion panel is always expanded which doesn't make much sense since I want it to "add personal info of more participants" if required, but only in that case. How can I do it? How can I set my accordion panel to be collapsed by default? You can have a look at my form and the accordion menu is placed where says "ADD MORE PARTICIPANTS", When clicking on that, you will see that the panel will collapse because it was already expanded, and I want just the opposite, that when people acces to the online form, the panel is collapsed and only expands when clicking on it. I hope I am being enough clear. Thanks for your help and advance and sorry for my English😉

http://www.teneoevents.eu/index.php?option=com_chronoforms&chronoform=registration-Copy
GreyHead 01 Dec, 2015
Hi germanru,

The simplest fix for this may be to add an extra slider at the beginning and put nothing in it. Then that will be displayed by default.

Accordions really aren't intended to be used with all elements hidden. In this case a better solution would be to use a Container for the extra content and hide/show that with JavaScript when a button or link is clicked. ChronoForms v5 also has the ability to use a + button to add copies of a block of inputs but that isn't built in to CFv4.

Bob
germanru 02 Dec, 2015
Hey Bob, you're fantastic, the extra slider works perfect!!!! Thank you very much for your help. Regards from Spain.
This topic is locked and no more replies can be posted.