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

Masking areas whilst ajax updates

Aug 5, 2013
Masking areas whilst ajax updates
  • The fabrik loader object allows you to mask of sections of the page whilst they are being updated via an Ajax request.

    The loader object is found here:

    Code (Javascript):

    Fabrik.loader
     
    The 'start' method takes two properties, the DOM node's id that you want to place the loader over, and the loading message.

    to overlay on a div id="hideme":

    Code (HTML5):

    <div id="hideme">this will be masked out</div>
     
    You would use this code:
    Code (Javascript):

    Fabrik.loader.start('hideme', 'loading ....... ');
     
    To then remove the loader you use:

    Code (Javascript):

    Fabrik.loader.stop('hideme');
     

    to show a loading overlay that covers the whole page

    Code (Javascript):

    Fabrik.loader.start(null, 'loading msg ');