Loading Overlay

To use the Loading Overlay for page load event you should do the following:

Note: this is needed because javascript goes on footer and you want the overlay to be the first thing to be shown in your page.

  1. Add the class loading-overlay-showing to the body

  2. Add the attribute data-loading-overlay to the body also

  3. Put this html right after opening the body tag
    <div class="loading-overlay">
        <div class="bounce-loader">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>

Using on a Panel

Content.

Custom Options

Content.

Loading Overlay API

Content