Question

Am working on YII project, I want to render an html form view in a pop up using fancy box pop up on clicking a link.How can this be done ? I have tried fancy box extension but its not working..KIndly redirect me how can i implement this…

Answer 1

Yii::app()->getClientScript()->registerCssFile(Yii::app()->theme->baseUrl . '/css/jquery.fancybox-1.3.4.css'); 
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->theme->baseUrl . "/js/jquery.fancybox-1.3.4.pack.js",  CClientScript::POS_HEAD);

Include the files in the action you want and the controller you want

I like to put the code and css directly in my theme folder.

Then, you build your own js with $(document).ready(function(){$('.myfancyboxlinks').fancybox(););

the link should look like <a class="myfancyboxlinks" href="/ajax/fancybox">Open Fancybox!</a>

I also like having an AjaxController.php with a method like this:

public function actionFancybox()
{
    if(Yii::app()->request->isAjaxRequest)
    {
        //do stuff here
        // ............
        $this->layout = '//path/to/fancybox/layout';
        $this->render("myfancyboxview");
    }
}

Then, you can do anything you want in /views/ajax/myfancyboxview