1. If you update to Joomla 3.8.10, please make sure that you either do a full GitHub update of Fabrik, or disable caching for your lists (in the Advanced settings) or turn off Joomla's System Cache setting. A change in Joomla's cache code in 3.8.10 required a fix in Fabrik, which will be rolled in to the next release, but is currently only available in GitHub.
    Dismiss Notice
  2. We will be performing an update of XenForo (the forum software use on this site) this afternoon, Fri 8/17/2018. The forums will be unavailable for a (hopefully!) short time.
    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.