简体   繁体   中英

CMenu Styling in Yii

I am styling my CMenu according to my theme. Below is my code.

<!-- Navigation -->
<nav id="nav">
<ul id="navlist" class="sf-menu clearfix">

<?php
$this->widget('zii.widgets.CMenu',array(
'items'=>array(
array('label'=>'Contact', 'url'=>array('/site/contact')),
array('label'=>'Registration','url'=>array('/registration'),
'items'=>array(
array('label'=>'Registration','url'=>array('/registration')),
array('label'=>'Abc Registration','url'=>array('/registration/abc')),
),'visible'=>Yii::app()->user->isGuest),
array('label'=>'Login', 'url'=>array('/user/user/login'), 'visible'=>Yii::app()->user->isGuest),
array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
),
));

?>
</ul>
</nav>

The generated html is shown below

  <!-- Navigation -->
    <nav id="nav">
        <ul id="navlist" class="sf-menu clearfix">

   <ul id="yw1">


  <li><a href="/mysite/site/contact">Contact</a></li>
  <li><a href="/mysite/registration">Registration</a>
  <ul>
  <li><a href="/mysite/registration">Registration</a></li>
  <li><a href="/mysite/registration/abc">Abc Registration</a></li>
  </ul>
  </li>
  <li><a href="/mysite/user/user/login">Login</a></li>
  </ul>                
  </ul>
  </nav>
 <!-- Navigation -->

The problem is Yii generated id is yw1..i want to change the it as 'navlist'.How to customise the CMenu like that?

Edit

I tried by setting css class in html options also. But it is only setting class,not Id. So its giving the same result only.

CMenu extends CWidget . Use CWidget.id :

<?php
$this->widget('zii.widgets.CMenu',array(
    'id'=> 'navlist',
    'items'=>array(
        ...

just add an id attribute in your widget

$this->widget('zii.widgets.CMenu',array(
    'id'=> 'navlist',

i am not sure but try this

    array('label'=>'Item1', 'url'=>"#",
     'linkOptions'=>array('id'=>'myId1'),
'submenuOptions'=>array('id'=>'myId'),

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM