Menu de Yii con bootstrap 3.

Este menú esta hecho con yii 1.1 con estilos del tema ace el cual esta basado en bootstrap 3.
El código es el siguiente:
/**
 * Menu con yii y estilos de bootstrap
 */
$this->widget('zii.widgets.CMenu', array(
	'encodeLabel' => false,
	'htmlOptions' => array(
	    'class'=>'nav nav-list',
	    'style'=> 'style="top: 0px;text-align: left;',
	  ),
	'submenuHtmlOptions' => array(
	    'class' => 'submenu nav-hide',
	    'style' => 'display: none;',
	),
    'items' => array(
        array(
            'label' => '<i class="menu-icon fa fa-bar-chart"></i>
	    <span class="menu-text">Graficas</span>
	    <b class="arrow fa fa-angle-down"></b>',
            'url' => '#',
            'linkOptions'=> array(
                'class' => 'dropdown-toggle',
                ),
            'itemOptions' => array('class'=>'hsub',),
            'items' => array(
                array(
                    'label' => '<i class="icon-user"></i>Clicks',
                    'url' => 'graph/clickouts'
                ),
                array(
                    'label' => '<i class="icon-calendar"></i>Visits',
                    'url' => '#',
                ),
                array(
                    'label' => '<i class="icon-tasks"></i>Ads</a>',
                    'url' => '#',
                ),
                array(
                    'label' => '',
                    array(
                        'class' => 'divider',
                    )
                ),
                array(
                    'label' => '<i class="icon-key"></i> Log Out',
                    'url' => array('site/logout'),
                ),
            )
        ),
    ),
));
Para saber los diferentes parametros de las propiedades del menú, por favor ir a la documentación de la clase CMenu.

El resultado final es:
Estado inicial.

Los elementos del menú al mostrarse.

 

 

Añadir nuevo comentario