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.