bscheshirwork/yii2-jquery-loading-overlay

Widgets for https://gasparesganga.com/labs/jquery-loading-overlay

dev-master 2018-07-25 09:49 UTC

Requires

• bower-asset/gasparesganga-jquery-loading-overlay: ^2.1.5
• yiisoft/yii2: >=2.0.15

MIT

• BSCheshir

• widget
• yii2
• loading overlay

README

Installation

The preferred way to install this extension is through composer.

add

"bscheshirwork/yii2-jquery-loading-overlay": "@dev"

to the require section of your composer.json file.

Usage

@see jQuery LoadingOverlay for possible clientOptions

We can use php notation of clientOptions

<?= \bscheshirwork\jlo\LoadingOverlay::widget([
    'selector' => '#p1',
    'clientOptions' => [
        'image' => '<svg><defs><style>.a{fill:#c5baff;}</style></defs><rect class="a" width="133" height="41"/></svg>',
    ]
]); ?>

also we can use js notation

<?= \bscheshirwork\jlo\LoadingOverlay::widget([
    'clientOptions' => <<<JS
{
        image                   : '<svg><defs><style>.a{fill:#c5baff;}</style></defs><rect class="a" width="133" height="41"/></svg>',
        imageAnimation          : "2500ms rotate_right",             // String/Boolean
        imageAutoResize         : true,                              // Boolean
        imageResizeFactor       : 1,                                 // Float
        imageColor              : "#202020",                         // String/Array/Boolean
        imageClass              : "",                                // String/Boolean
        imageOrder              : 1,                                 // Integer
}
JS
]); ?>