How to add jQuery UI to an Asset Bundle

Question

I have the following asset bundle and i would like to add jQuery UI as part of it as well. How can I do it?

<?php
namespace app\assets;

use yii\web\AssetBundle;

class AdminAsset extends AssetBundle
{
    public $basePath = '@webroot/assets-admin';
    public $baseUrl = '@web/assets-admin';

    public $css = [
        'css/common.css',
        'css/animations.css',
        'css/editor.css',
        'css/form.css',
        'css/fileupload.css',
        'css/template.css',
        'css/icons.css',
    ];
    public $js = [
        'js/libs/modernizr.js',
        'js/script.js'
    ];
    public $depends = [
        'yii\web\JqueryAsset',
        'yii\web\YiiAsset',
    ];
}

score 18 · Accepted Answer · answered Jan 30 '15 at 15:39

At first install official JUI Extension for Yii 2.

Then add yii\jui\JuiAsset to list of dependent assets:

public $depends = [
    'yii\jui\JuiAsset',
    ...       
];

yii\web\JqueryAsset in this case is not required because JuiAsset already has it in dependencies list so it will be included as well.

score 0 · Answer 2 · answered Mar 05 '17 at 21:20

Since the accepted answer no longer works in Yii 2.10 , I will add my solution.

It is necessary now to include the CoreAsset, plus the desired jui components. The other components depend on CoreAsset so for example if you want to use draggable, do:

public $depends = [
    //'yii\jui\CoreAsset', // included as dependency of draggable
    'yii\jui\DraggableAsset',
];

How to add jQuery UI to an Asset Bundle

2 Answers2