quickdlgs Follow @yiiframework

// autoloading model and component classes
    'import'=>array(
        ...
        'ext.quickdlgs.*',
    ),

EQuickDlgs::contentButton(
 array(
     'content' => 'This is the help text', //$this->renderPartial('_help',array(),true),
     'dialogTitle' => 'Help',
     'dialogWidth' => 200,
     'dialogHeight' => 300,
     'openButtonText' => 'Help me',
      'closeButtonText' => 'Close', //comment to remove the close button from the dialog
     )
  );

EQuickDlgs::ajaxIcon(
            Yii::app()->baseUrl .'images/view.png',
            array(
                'controllerRoute' => 'view', //'member/view'
                'actionParams' => array('id'=>$model->id), //array('id'=>$model->member->id),
                'dialogTitle' => 'Detailview',
                'dialogWidth' => 800,
                'dialogHeight' => 600,
                'openButtonText' => 'View record',
                'closeButtonText' => 'Close',
            )
        );

public function actionView($id)
            {
                EQuickDlgs::render('view',array('model'=>$this->loadModel($id)));
                //$this->render('view',array('model'=>$this->loadModel($id)));
            }

EQuickDlgs::iframePopup(
                    array(
                    'url' => 'http://www.yiiframework.com',
                    'dialogWidth' => 1024,
                    'dialogHeight' => 768,
                    'hideTitleBar' => true,
                    'closeButtonText' => 'Close', 
                    );

EQuickDlgs::iframeButton(
    array(
        'controllerRoute' => 'create',
        'dialogTitle' => 'Create item',
        'dialogWidth' => 800,
        'dialogHeight' => 600,
        'openButtonText' => 'Create new',
        'closeButtonText' => 'Close',
        'closeOnAction' => true, //important to invoke the close action in the actionCreate
        'refreshGridId' => 'group-grid', //the grid with this id will be refreshed after closing
    )
);

public function actionCreate()
{
    ....
 
        if(model->save())
        {
            //close the dialog and update the grid instead of redirect if called by the create-dialog
            EQuickDlgs::checkDialogJsScript();
            $this->redirect(array('admin'));
        }
 
        //check if the iframe layout (or renderPartial) has to be used
        EQuickDlgs::render('create',array('model'=>$model));
        //$this->render('create',array('model'=>$model));
}

'id'=>'group-grid',
    'dataProvider'=>$model->search(),
    'columns'=>array(
            'id',
            'name',
              ....
            ),
 
    array(
       'class'=>'EJuiDlgsColumn',
 
       //configure like CButtonColumns:
       //but some properties (buttons.view.url,buttons.view.id, buttons.view.ajax, buttons.update.click  ...) will be set by the component
 
       //'template'=>'{view}',
       'viewButtonImageUrl'=>Yii::Yii::app()->baseUrl .'images/dialogview.png',
       'buttons'=>array(
            'view' => array(
                'label'=> 'ajax dialog view',
            ),
 
            'delete' => array(
                                'label'=> 'someLabel',
                                ),
            ),
 
  //---------- additional config for the dialogs starts here -------------
 
        //if you want to use a custom dialog config: default is  'ext.quickdlgs.juimodal'
        //'viewDialogConfig' => 'ext.quickdlgs.mycustomjuiattributes'
 
       //don't override the CButtonColumn view button
       //'viewDialogEnabled' = false,
 
        //the attributes for the EAjaxJuiDlg widget: use like the 'attributes' param from EQuickDlgs::ajaxButton above
        'viewDialog'=>array(
             //'controllerRoute' => 'view', //=default
             //'actionParams' => array('id' => '$data->primaryKey'), //=default
             'dialogTitle' => 'View detail',
                         'hideTitleBar' => true, 
             //'dialogWidth' => 800, //use the value from the dialog config
             //'dialogHeight' => 600,
        ),
 
        //the attributes for the EFrameJuiDlg widget. use like the 'attributes' param from EQuickDlgs::iframeButton
        'updateDialog'=>array(
               //'controllerRoute' => 'update', //=default
               //'actionParams' => array('id' => '$data->primaryKey'), //=default
               'dialogTitle' => 'View detail',
               'dialogWidth' => 1024, //override the value from the dialog config
               'dialogHeight' => 600,
            ),
      ),
    ),

public function actionView($id)
{
   EQuickDlgs::render('view',array('model'=>$this->loadModel($id)));
   //$this->render('view',array('model'=>$this->loadModel($id)));
}
 
public function actionUpdate($id)
{
    ....
 
        if(model->save())
        {
            //close the dialog and update the grid instead of redirect if called by the update-dialog
            EQuickDlgs::checkDialogJsScript();
            $this->redirect(array('admin','id'=>$model->id));
        }
 
        //check if the iframe layout (or renderPartial) has to be used
        EQuickDlgs::render('update',array('model'=>$model));
        //$this->render('update',array('model'=>$model));
}

$this->widget('zii.widgets.grid.CGridView', array(
    'id'=>'mygrid',
    'dataProvider'=>$model->search(),
    'columns'=>array(
        'id',
        'name',
                ...
 
        array(
            'class'=>'EJuiDlgsColumn', //all default for the view, update
          ),
 
        array(
            'class'=>'EJuiDlgsColumn',
            'template'=>'{update}',
            'updateButtonImageUrl'=>Yii::Yii::app()->baseUrl .'images/viewdetaildialog.png',
            'updateDialog'=>array(
               'controllerRoute' => 'members/list', 
               'actionParams' => array('parentId'=>'$data->id'),
               'dialogTitle' => 'View detail',
               'dialogWidth' => 1024, //override the value from the dialog config
               'dialogHeight' => 600,
            ),            
          ),
    ),

$widget=$this->beginWidget('ext.quickdlgs.EFancybox');
 
            $widget->image($smallImageUrl,$largeImageUrl); //show a image-fancybox
            $widget->content('Some text','Lorem ipsum dolor sit amet, consectetur adipiscing elit',array('title'=>'This is the title')); //show content in a fancybox
            $widget->url('A fancy ajax content',$this->createUrl('fancycontent')); //ajax content
            $widget->url('Yii','http://www.yiiframework.com',array(),true); //iframe content
 
   $this->endWidget();

$widget=$this->beginWidget('ext.quickdlgs.EFancybox',
                            array(
                                    'easing'=>true,
                                    'imageOptions' => array(
                                                            'overlayColor' => '#000',
                                                            'overlayOpacity' => 0.9,
                                                            'transitionIn' => 'elastic',
                                                            'transitionOut' => 'elastic',
                                                            'speedIn' => 600,
                                                            'speedOut' => 200,
                                                    ),
                            );
 
            $widget->image($smallImageUrl1,$largeImageUrl1);
            $widget->image($smallImageUrl2,$largeImageUrl2);
            ...
 
   $this->endWidget();

$items = array();
$items[] = array('imgUrlSmall'=>...,'imgUrlLarge'=>..);
$items[] = array('imgUrlSmall'=>...,'imgUrlLarge'=>..);
...
 
   $dataProvider = new CArrayDataProvider($items, array(
            'keyField'=>'imgUrlSmall',
            'pagination'=>array(
                'pageSize'=>5,
            ),
        ));
 
 
        $fancyWidget=$this->beginWidget('ext.quickdlgs.EFancybox',array(
            'directOutput'=>Yii::app()->request->isAjaxRequest, //important because of ajax pager
            'imageOptions'=>array(
                'width'=>1024,
                'height'=>576,
            )
        ));
 
        $this->widget('zii.widgets.CListView', array(
            'dataProvider'=>$dataProvider,
            'itemView'=>'_album',
            'viewData' => array('fancyWidget'=>$fancyWidget),
        ));
 
        $this->endWidget();

...
 $fancyWidget->image($data['imgUrlSmall'],$data['imgUrlLarge']);
 ...