Creating Drop Down Menu from Nav Bar

Yii 2.0 General Discussions
1

Hey guys I wanna create a dropdown menu from my nav bar

Here’s my code


$menuItems = [ 

            ];

            if (Yii::$app->user->isGuest) {

                $menuItems[] = ['label' => 'Login', 'url' => ['/site/login']];

            } else {

                $menuItems[] = ['label' => 'Service Request', 'url' => ['ticket/index']];

                $menuItems[] = ['label' => 'Employee List', 'url' => ['employee/index']];

                $menuItems[] = ['label' => 'Hotel Guest List', 'url' => ['customer/index']];

                $menuItems[] = ['label' => 'Department', 'url' => ['department/index']];

                $menuItems[] = ['label' => 'Shifting', 'url' => ['shift/index']];

                $menuItems[] = ['label' => 'Rooms', 'url' => ['room/index']];

                $menuItems[] = ['label' => 'Postions', 'url' => ['position/index']];

                $menuItems[] = [

                    'label' => 'Logout (' . Yii::$app->user->identity->username . ')',

                    'url' => ['/site/logout'],

                    'linkOptions' => ['data-method' => 'post']


                ];

I tried doing this


NavBar::begin(['brandLabel' => 'NavBar Test']);

echo Nav::widget([

    'items' => [

        ['label' => 'Home', 'url' => ['/site/index']],

        ['label' => 'About', 'url' => ['/site/about']],

    ],

    'options' => ['class' => 'navbar-nav'],

]);

NavBar::end();

But it makes my menu buttons disappear.

2

Your code doesn’t show any ‘dropdown’ menu items, so I’m confused about what you are asking.

To make a dropdown, add an items array element within the item:[code]

$menuItems = [

['label' => 'Home', 'url' => ['/site/index'], 'items' => [


    ['label' => 'About', 'url' => ['/site/about']],


    ['label' => 'Contact', 'url' => ['/site/contact']],


],

];

What do you mean by

What buttons? Both code segments show only text links. If your talking about the three little bars, that only shows up when browser width is small enough.

2 Likes