1. Fabrik 3.8.1 has been released. It is mostly bug fixes and feature enhancements, but does include two new plugins (push notifications, and the sequence element). As usual we strongly recommend testing the new release on a sandbox if your application is mission critical, and always do an Akeeba backup before updating.
    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 {
malucena, kissinger and hardkiffeur like this.