After some simple edit on the default navbar, I got the code for the menu below... It would be very ugly if I add more menus.
<?php
NavBar::begin([
'brandLabel' => 'My Project',
'brandUrl' => Yii::$app->homeUrl,
'options' => [
'class' => 'navbar-inverse navbar-fixed-top',
],
]);
$menuItems = [
['label' => 'Home', 'url' => ['/site/index']],
['label' => 'Contact', 'url' => ['/site/contact'],'visible'=>false],
];
if (Yii::$app->user->isGuest) {
$menuItems[] = ['label' => 'Signup', 'url' => ['/site/signup']];
$menuItems[] = ['label' => 'Login', 'url' => ['/site/login']];
} else {
if(yii::$app->user->can('admin')){
$menuItems[] = ['label' => 'Users', 'url' => ['/users']];
}
$menuItems[] = ['label' => 'BUB Sub Projects', 'url' => ['/bub']];
$menuItems[] = ['label' => 'Incoming BUB', 'url' => ['/bubincoming']];
$menuItems[] = [
'label' => 'Logout (' . Yii::$app->user->identity->username . ')',
'url' => ['/site/logout'],
'linkOptions' => ['data-method' => 'post']
];
}
echo Nav::widget([
'options' => ['class' => 'navbar-nav navbar-right'],
'items' => $menuItems,
]);
NavBar::end();
?>
How to add a dropdown or submenus to any of the menu?
From the official documentation. I got the answer. I changed the options from nav-pills
to navbar-nav
echo Nav::widget([
'items' => [
[
'label' => 'Home',
'url' => ['site/index'],
'linkOptions' => [...],
],
[
'label' => 'Dropdown',
'items' => [
['label' => 'Level 1 - Dropdown A', 'url' => '#'],
'<li class="divider"></li>',
'<li class="dropdown-header">Dropdown Header</li>',
['label' => 'Level 1 - Dropdown B', 'url' => '#'],
],
],
],
'options' => ['class' =>'navbar-nav'],
]);