Adaptation of the PleaseWait.js plugin and the SpinKit library for OctoberCMS.
Features
SpinKit library
Usage
-
Install the Plugin.
-
Activate it in the
Settingsarea. -
Add the
Componentto yourLayoutjust before the{% scripts %}tag.
Important: You must include the tags {% styles %} and {% scripts %} in your Layout.
Optional: Hide initial HTML flash
If your initial template has some styled HTML by default (like a toolbar), you'll probably want to hide that, or your users could see a quick flash of your normal template, followed by the loading screen. This is easy to do by wrapping the HTML in your body in a div, and hiding/showing that when things are ready. PleaseWait adds a class of pg-loaded to your body when it's done.
<style>
body > .inner {
display: none;
}
body.pg-loaded > .inner {
display: block;
}
</style>
-
This plugin has not been reviewed yet.
-
| 1.0.1 |
First version of Please Wait. Aug 26, 2018 |
|---|