TUTORIAL YII FRAMEWORK (CAPÍTULO 4) – MODIFICANDO EL MENÚ

A continuación vamos a modificar el menú, de tal forma que nos quede mas espacio para las vistas y las acciones de las vistas (crear, modificar, eliminar) se coloquen por debajo del menú principal. Para eso modificamos el /protected/views/layouts/column2.php:
– Cambiamos el nombre del id del div “sidebar” por “mainmenu”.
– Colocamos el nuevo div “mainmenu” (completo) dentro del div con class=“span-19”.
– Cambiamos class=“span-19” por class”span-25”.
– Comentamos las siguientes lineas de código:

$this->beginWidget('zii.widgets.CPortlet', array('title'=>'Operations',));
 'htmlOptions'=>array('class'=>'operations'),
$this->endWidget();

En el /protected/views/layouts/main.php, comentamos las lineas:

<?php if(isset($this->breadcrumbs)):?>
 <?php $this->widget('zii.widgets.CBreadcrumbs', array('links'=>$this->breadcrumbs,)); ?>
<?php endif?>
<p style="text-align: justify;">

Al aplicar estos cambios el menú quedaría mas o menos así:

Si queremos un menú mas potente podemos usar la extensión mbmenu
– Bajamos la extensión de la pagina oficial de Yii y copiamos la carpeta /protected/extensions
– En /protected/views/layouts/main.php cambiar el widget del CMenu por algo como:

<?php $this->widget('application.extensions.mbmenu.MbMenu',array(
 'items'=>array(
 array('label'=>'Home', 'url'=>array('/site/index')),
 array('label'=>'Principal', 'url'=>array('/site/contact'),
 'items'=>array(
 array('label'=>'Usuarios', 'url'=>array('/usuario')),
 array('label'=>'Contratos', 'url'=>array('/contrato')),
 ),
 ),
 array('label'=>'Prueba',
 'items'=>array(
 array('label'=>'Sub 1', 'url'=>array('/site/page','view'=>'sub1')),
 array('label'=>'Sub 2',
 'items'=>array(
 array('label'=>'Sub sub 1', 'url'=>array('/site/page','view'=>'subsub1')),
 array('label'=>'Sub sub 2', 'url'=>array('/site/page','view'=>'subsub2')),
 ),
 ),
 ),
 ),
 ),
 )); ?>

Al colocar el nuevo menú seguramente se ve extraño, para evitar esto debemos quitar el id=“mainmenu”, con estos cambios queda mas espacio para las vistas y el pequeño menú de la derecha queda por debajo del menú principal.