https://github.com/bscheshirwork/yii2-jquery-loading-overlay

yii2 Widget for jQuery LoadingOverlay https://gasparesganga.com/labs/jquery-loading-overlay
https://github.com/bscheshirwork/yii2-jquery-loading-overlay

Last synced: about 15 hours ago
JSON representation

yii2 Widget for jQuery LoadingOverlay https://gasparesganga.com/labs/jquery-loading-overlay

• Host: GitHub
• URL: https://github.com/bscheshirwork/yii2-jquery-loading-overlay
• Owner: bscheshirwork
• Created: 2018-07-25T09:51:26.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-25T09:51:42.000Z (over 6 years ago)
• Last Synced: 2024-11-12T10:15:34.337Z (2 months ago)
• Language: PHP
• Size: 1.95 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Widgets for jQuery LoadingOverlay asset

## Installation

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

add

```

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

```

to the require section of your `composer.json` file.

## Usage

@see [jQuery LoadingOverlay](https://gasparesganga.com/labs/jquery-loading-overlay) for possible clientOptions

We can use php notation of clientOptions

```php

= \bscheshirwork\jlo\LoadingOverlay::widget([

    'selector' => '#p1',

    'clientOptions' => [

        'image' => '.a{fill:#c5baff;}',

    ]

]); ?>

```

also we can use js notation

```php

= \bscheshirwork\jlo\LoadingOverlay::widget([

    'clientOptions' => <<.a{fill:#c5baff;}',

        imageAnimation          : "2500ms rotate_right",             // String/Boolean

        imageAutoResize         : true,                              // Boolean

        imageResizeFactor       : 1,                                 // Float

        imageColor              : "#202020",                         // String/Array/Boolean

        imageClass              : "",                                // String/Boolean

        imageOrder              : 1,                                 // Integer

}

JS

]); ?>

```