How to place *Bootstrap* (`glyphicon-bootstrap`) icons in the Yii framework menu

Question

I am starting a project in the company where I develop, and we are being thank you using the Yii Framework along with the Bootstrap, but I’m not getting the icons of Bootstrap (glyphicon-bootstrap) in the menu, follow example of the code:

$this->widget('zii.widgets.CMenu',
   array('htmlOptions'=>array("class"=>"nav", "id"=>"side-menu"), 'items'=>array(
        array('label'=>'Home', 'url'=>array('/site/index')),
        array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),
        array('label'=>'Contact', 'url'=>array('/site/contact'), 'className '=>'tafaera'),
        array('label'=>'Charts', 'url'=>array('/submenu/sub0'),
            'submenuOptions'=>array('class'=>'nav nav-second-level'),
            'items'=>array(
                    array('label'=>'Sub 1.1','tag'=>'tafarel' ,'url'=>array('/submenu/sub1')),
                    array('label'=>'Sub 1.2', 'url'=>array('/submenu/sub2')),
                    array('label'=>'Sub 1.3','url'=>array('/submenu/sub3')
                )
            )
        ),
        array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
        array('label'=>'Hola', 'url'=>array('/hola/index')),
        array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
    ),
));

Answer 1

Put this option 'encodeLabel'=>false, same example below.

$this->widget('zii.widgets.CMenu', 
     array('encodeLabel'=>false, ....

In your code:

$this->widget('zii.widgets.CMenu',
   array("encodeLabel"=>false, 'htmlOptions'=>array("class"=>"nav", "id"=>"side-menu"), 'items'=>array(
        array('label'=>'<i class=""></i> Home', 'url'=>array('/site/index')),
        array('label'=>'<i class=""></i> About', 'url'=>array('/site/page', 'view'=>'about')),
        array('label'=>'<i class=""></i> Contact', 'url'=>array('/site/contact'), 'className '=>'tafaera'),
        array('label'=>'<i class=""></i> Charts', 'url'=>array('/submenu/sub0'),
            'submenuOptions'=>array('class'=>'nav nav-second-level'),
            'items'=>array(
                    array('label'=>'Sub 1.1','tag'=>'tafarel' ,'url'=>array('/submenu/sub1')),
                    array('label'=>'Sub 1.2', 'url'=>array('/submenu/sub2')),
                    array('label'=>'Sub 1.3','url'=>array('/submenu/sub3')
                )
            )
        ),
        array('label'=>'<i class=""></i> Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
        array('label'=>'<i class=""></i> Hola', 'url'=>array('/hola/index')),
        array('label'=>'<i class=""></i> Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
    ),
));

In that Link - How do I add image into Cmenu, has the explanation of some users