Question

I am using yii tokeninput plugin Yii tokeninput for autocomplete. If i am using it on a page its css is appliying but if i am using it in fancybox than css is not applying.

controller Code

echo $this->renderPartial('profile/_user_message',array('model'=>$saveMessage),false,true);Yii::app()->end();

View Code

<?php 
       $prePopulate = null;
       $processPrePopulate = false;
       if($prePopulate)
               $processPrePopulate = true;

       $this->widget('ext.tokeninput.TokenInput', array(
       'model' => $model,
       'attribute' => 'TARGET_USER_IDS',
               'url'=>$this->createUrl('user/search'),
       'options' => array(
           'allowCreation' => false,
           'preventDuplicates' => true,
          // 'resultsFormatter' => 'js:function(item){ return “<li><p>” + item.name + “</p></li>” }',
           'theme' => 'facebook',
                       'prePopulate' => $prePopulate,
                       'processPrePopulate' => $processPrePopulate,
       )
   )); ?>

Answer 1

Toleninput extension include css file in any page automatically but it is not include css file in fancybox i don’t know what the reason behind it so i include that css file in its parent page it solved my problem.

$assetUrl =Yii::app()->getAssetManager()->publish(Yii::getPathOfAlias('ext.tokeninput.assets'));
Yii::app()->clientScript->registerCssFile($assetUrl.'/css/token-input-facebook.css');