Style Cjuidialog

I know there has been a lot of questions on applying themes to widgets and I have read "Theming your Zii Widgets" and tried the various workarounds to no avail.

  1. I downloaded "hot-sneaks" theme from ThemeRoller.

  2. Created a folder call jqueryui under webapp/css/

  3. I copied "hot-sneaks" folder from downloaded file to the newly created jqueryui folder (webapp/css/jqueryui/hot-sneaks)

  4. Renamed jquery css file to jquery-ui.css

  5. Placed following code in main.php under components




'widgetFactory' => array(

            'widgets' => array(

                'CJuiDialog' => array(

                    'themeUrl' => '/css/jqueryui',

                    'theme' => 'hot-sneaks',

                    'cssFile' => 'jquery-ui.css',

                ),

            ),

        ),



However I cannot get the theme applied to zii.widgets.jui.CJuiDialog. Any suggestions as to what I am doing wrong?

I even tried applying theme directly




$this->beginWidget('zii.widgets.jui.CJuiDialog',array(

    'id'=>'mydialog',

    'themeUrl'=>Yii::app()->request->baseUrl.'/css/jqueryui',

    'theme'=>'hot-sneaks',

    'cssFile'=>'jquery-ui.css',

    // additional javascript options for the dialog plugin

    'options'=>array(

        'title'=>'IMPORTANT ',

        'autoOpen'=>true,

         'modal'=>'true',

        'width'=>'400',

         'height'=>'100',

         'resizable'=>'false',

    ),


  ) );