Adaptation of the PleaseWait.js plugin and the SpinKit library for OctoberCMS.
Features
Usage
-
Install the Plugin.
-
Activate it in the
Settings
area. -
Add the
Component
to yourLayout
just 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 |
---|