1. Fabrik 3.7 is now available. This version contains critical security updates, please update as soon as possible. Please remember to backup your site before updating, we also recommend testing your updates on development sites if possible.
  2. We had to restore the site around midday (CST) on Wed 7/26 from a backup approximately 8 hours old. So a few posts in the forums were lost. You may want to check to see if you need to re-post anything.
  3. The release of Fabrik for J! 3.8 is not yet ready. Do not update your sites to J! 3.8 until this notice is removed.

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 ');