Yii – incorporar MBMenu

CBMenu, es una extensión que nos permite tener nuestro menú estilo “Drop Down Menú”, lo cual le da un aspecto más amigable si es que necesitamos muchos menús, y también, nos ayuda a que sea menos invasivo para la vista.

Lo primero que debemos hacer es descargar MBMenu desde

http://www.yiiframework.com/extension/mbmenu/

Luego lo debemos descomprimir e incorporar en nuestro proyecto en el directorio /protected/extensions

*Como recomendación, al menos yo lo hago así, copio mbmenu.css al directorio /css/

Ahora, debemos modificar nuestra vista /protected/views/layouts/main.php. Aquí nos encontraremos con un DIV con id=”mainmenu”, este es el que debemos modificar, y podemos generar algo como lo siguiente

    widget('application.extensions.mbmenu.MbMenu',array(
            'items'=>array(
                array('label'=>'Home', 'url'=>array('/site/index')),
                    array(
                        'label'=>'Usuarios',
                        'items'=>array(
                            array('label'=>'Administrar Usuarios','url'=>array('empleados/admin')),
                            array('label'=>'Crear Usuarios','url'=>array('empleados/create')),
                        ),
                    ),
                )
        ));
    ?>

Si nos fijamos bien, tenemos un arreglo con label Usuarios, y este arreglo tiene “items”, los cuales son otros arreglos, pero cada uno de estos, es un sub-menú, que son los que nos aparecerán al pasar el mouse sobre su menú padre.

Para que nos tome el css, en el mismo main.php, debemos incorporarlo, de la siguiente forma:

Posted in: Php, Programación, YII