1. NOTICE: If you are using Fabrik and update to Joomla 3.10, you will need to update to Fabrik 3.10. And, if you are using Fabrik, do not upgrade to Joomla 4, we do not have a supported version ready for release. More information on a release date coming soon. Also, please note that Fabrik 3.10 will not install on any Joomla sites less than 3.8.
    Dismiss Notice

Accordion Form Groups

Dec 15, 2013
Accordion Form Groups
  • Accordion Groups are a standard way of displaying lengthy forms in Joomla. Forms will show only one Group of Elements at a time, closing the existing open Group when you open a different Group.

    Fabrik 3.0 :
    Presuming your form has an id of 1 then create a 1.js file in components/com_fabrik/js and enter the following javascript into the file:
    Code (Javascript):
    window.addEvent('domready', function() {
        var handles = document.getElements('legend');
        var elements = document.getElements('fieldset > ul, fieldset > .fabrikSubGroup');
        var myAccordion = new Fx.Accordion(handles , elements);
    });
    Each group heading when clicked on will hide the other groups content and show its own - see Mootools Accordion documentation.

    You may need to tweak your form template to ensure a minimum height for each fieldset:
    Code (CSS):
    fieldset {
        min-height:21px;
    }
malucena, kissinger and hardkiffeur like this.