1. The 3.8 code for Fabrik is now available on github, in the 'master' branch. If you are familiar with updating Fabrik from github, we would appreciate it if you could test this code on J! 3.8 for us. Once we have some feedback, we'll build a 3.8 release.

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.