execut / yii2-loading-overlay
Yii2 loading overlay widget
Installs: 1 953
Dependents: 1
Suggesters: 0
Security: 0
Stars: 2
Watchers: 2
Forks: 1
Open Issues: 0
Language:JavaScript
Type:yii2-extension
Requires
- execut/yii2-base: @dev
- yiisoft/yii2: @dev
README
Yii2 loading overlay javascript widget
Installation
The preferred way to install this extension is through composer.
Either run
$ php composer.phar require execut/yii2-loading-overlay "dev-master"
or add
"execut/yii2-loading-overlay": "dev-master"
to the require
section of your composer.json
file.
Usage
For usage javascript widget inside you javascript code simple register \execut\loadingOverlay\LoadingOverlayAsset
on you page.
Example
Copy this code to app view file:
<button class="toggle-loading">Toggle overlay</button> <div id="target" style="height:300px;width:300px;background:gray"></div> <?php $this->registerJs(<<<JS jQuery(function ($) { var target = $('#target'); $('.toggle-loading').click(function () { if (target.hasClass('loading')) { target.loadingOverlay('remove'); } else { target.loadingOverlay(); }; }); }); JS ); \execut\loadingOverlay\LoadingOverlayAsset::register($this);
License
yii2-loading-overlay is released under the Apache License Version 2.0. See the bundled LICENSE.md
for details.