เปลี่ยนรูปแบบ Menu


วิธีเปลี่ยน Admin เมนูให้ดูดี มีชาติตระกูล

เปลี่ยนรูปแบบเมนูด้วยการใช้ Extension (ส่วนเสริมที่ถูกพัฒนาไว้แล้ว แค่เราหยิบมาใช้)

1. Download extension ได้ที่ http://www.yiiframework.com/extension/mbmenu/


2. Unzip ไฟล์ แล้วนำไปเก็บไว้ที่ /protected/extensions/

3. ปิดการใช้งานรูปแบบเมนูเก่า โดยไปที่ไฟล์ /protected/views/layouts/main.php
ลบ เมนูเดิม คือ
$this->widget('zii.widgets.CMenu',array(
   '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')),
    array('label'=>'Users', 'url'=>array('/user/index')),
    array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
    array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
   ),
  )); ?>

เปลี่ยนใหม่เป็น
$this->widget('application.extensions.mbmenu.MbMenu', array(
   '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')),
    array('label'=>'ที่พัก', 'url'=>array('/LgData'), 'items'=>array(
     array('label'=>'ข้อมูลที่พัก', 'url'=>array('/LgData')),

    array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
    array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
   ),   
  ));

4. แก้ไขเมนู <div id="mainmenu"> เป็น <div id="mainMbMenu">

0 ความคิดเห็น:

แสดงความคิดเห็น