Adding Class To UL using Nav Yii2

Question

i am making a navigation bar and want to add a class to the main ULtag of the menu, does any one know how can i add class to to this element. Currently options and linkOptions are available which apply the attributes to the link / anchor and the parent LIof the anchor.

Here is my current code.

NavBar::begin([
        'innerContainerOptions'=>['class'=>'container-fluid'],
        'options' => [
            'class' => 'style-ihozflem','style'=>'left: 125px; width: 730px; position: absolute; top: 20px; height: 24px;','data'=>['state'=>'center notMobile', 'dropmode'=>"dropDown"]
        ],

    ]);
    echo Nav::widget([
        'encodeLabels'=>false,
        'activateItems'=>true,
        'items' => $menuItems,
    ]);
    NavBar::end();

Albaraa Mishlawi · Accepted Answer · 2017-10-17 13:51:52Z

1

Just add options class to Nav::widget

echo Nav::widget([
    'options' => ['class' => 'whatever-class navbar-nav navbar-right'],
    'encodeLabels'=>false,
    'activateItems'=>true,
    'items' => $menuItems,
]);

Hope that will be helpful!

answered Oct 17, 2017 at 13:51

Albaraa Mishlawi

2312 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Muhammad Omer Aslam Over a year ago

hmm you are right about using options, and it adds the class to the UL tag but it still appends the default nav class on the UL, any idea how to do that

Albaraa Mishlawi Over a year ago

you can't remove the default nav class because the purpose of the Nav widget is to render bootstrap nav which uses this class. so if you want to render only ul with links you have to do it yourself using Html::ul, see this lists example: yiiframework.com/doc-2.0/guide-helper-html.html#lists

Muhammad Omer Aslam Over a year ago

yeah i have to override he css properties for nav class rather than removing it .

Collectives™ on Stack Overflow

Adding Class To UL using Nav Yii2

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related