CODEWITHSUNDEEP
htmlcsstwitter-bootstrapyii
Twan Holtmaat
Twan Holtmaat

Reputation: 25

Using Yii 1 I want to give my main menu a css style but cant figure it out with bootstrap

<div id="mainmenu">
    <?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'=>'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),
            array('label'=>'Users ('.Yii::app()->user->name.')', 'url'=>array('/user'), 'visible'=>!Yii::app()->user->isGuest),
            array('label'=>'Uren ('.Yii::app()->user->name.')', 'url'=>array('/uren'), 'visible'=>!Yii::app()->user->isGuest)
        ),
    )); ?>
</div><!-- mainmenu -->

My question is how i cant give the buttons a style by using Twitter Bootstrap.

This is the HTML

   <div id="mainmenu">
        <ul id="yw3">
            <li><a href="/urenregistratie/index.php?r=site/index">Home</a></li>
            <li><a href="/urenregistratie/index.php?r=site/page&amp;view=about">About</a></li>
            <li><a href="/urenregistratie/index.php?r=site/contact">Contact</a></li>
            <li><a href="/urenregistratie/index.php?r=site/logout">Logout (admin)</a></li>
            <li><a href="/urenregistratie/index.php?r=user">Users (admin)</a></li>
            <li><a href="/urenregistratie/index.php?r=uren">Uren (admin)</a></li>
        </ul>    
    </div><!-- mainmenu -->

Please help me out.

Upvotes: 1

Views: 144

Answers (1)

topher
topher

Reputation: 14860

You can use itemCssClass, activeCssClass and htmlOptions to set the classes for the list items, active list item and list(ul) respectively. As an example:

$this->widget('zii.widgets.CMenu', array(
    'itemCssClass' => 'navbar-item',
    'activeCssClass' => 'navbar-active',
    'htmlOptions' => array('class' => 'navbar'),
    'items'=>array(...)           
));

Alternatively, you could try Yiistrap or Yii Booster instead. These may be easier to work with.

Upvotes: 1

Related Questions