Question

My Yii application has a particular section called ‘Edit Profile’ . It’s a pretty data heavy section in the way a lot of data is pulled from db for this one .

However the problem is that I have tab pagination in this section . Because only this section uses tabs on the website I did not include the related CSS/Javascript files in the main layout header .These have been referenced in the view file itself . Because of this the tabs takes time to show up and the tab titles appear as a list first (for a second or two) and then get distributed into tabs with the correct UI . This is of course unacceptable behaviour . Is there any way to selectively include related js/css files into the header tag for this particular view or should I include it in main layhout file even though it won’t be used in a lot of other places on the website thus possibly slowing down other pages .

Answer 1

Just specify the position for the file.

In your view where you are including the js or css :

// for js
Yii::app()->clientScript->registerScriptFile('url_of_file',CClientScript::POS_HEAD);

// for css
Yii::app()->clientScript->registerCssFile('url_of_file');

Recommended documentation: registerScriptFile() , and registerCssFile()