El código es el siguiente:
El resultado final es:
Estado inicial.
Los elementos del menú al mostrarse.
Referencias:
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' => '
',
'url' => '#',
'linkOptions'=> array(
'class' => 'dropdown-toggle',
),
'itemOptions' => array('class'=>'hsub',),
'items' => array(
array(
'label' => 'Clicks',
'url' => 'graph/clickouts'
),
array(
'label' => 'Visits',
'url' => '#',
),
array(
'label' => 'Ads',
'url' => '#',
),
array(
'label' => '',
array(
'class' => 'divider',
)
),
array(
'label' => ' 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 código es el siguiente:
Comentarios