Overlay | Porto Admin - Responsive HTML5 Template 1.4.1

- 3
- 4
- 3

John Doe Junior administrator

## Overlay

### 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

   Dark Background + White Loader:

   `<span class="loading-overlay dark">
   <span class="loader white"></span>
   </span>`

   White Background + Black Loader:

   `<span class="loading-overlay light">
   <span class="loader black"></span>
   </span>`

## Using on a Panel

Content.

## Custom Options

Content.

## Loading Overlay API

Content