yii2 nav widget submenu class

Question

I am using the adminLTE theme for bootstrap and it uses treeview-menu class in order to operate the submenu.

<?=Nav::widget([
            'options' => ['class' => 'sidebar-menu treeview'],
            'items' => [

                ['label' => 'Menu 1', 'url' => ['/a/index']],
                ['label' => 'Menu 2', 'url' => ['/custom-perks/index']],
                ['label' => 'Submenu',  'items' => [
                    ['label' => 'Action', 'url' => '#'],
                    ['label' => 'Another action', 'url' => '#'],
                    ['label' => 'Something else here', 'url' => '#'],
                    ],
                ],
            ],
        ]);
        ?>

I tried using: ['label' => 'Submenu', 'options' => ['class' => 'treeview-menu'], 'items' =>..

Which obviously does not work.

I noticed that Menu::widget has a submenuTemplate but when I used that it stopped pickup up the "active".

Is there a way I can change either the way the adminLTE call is being applied to treeview-menu (tried changing it in app.js to dropdown-menu but that didn't help) or re-assign the UL submenu class without going into the vendor code?

Line 65: \yii\bootstrap\Dropdown - function init()

Muhammad Omer Aslam · Accepted Answer · 2018-07-06 10:21:58Z

24

Ok so I have found a work around - use the Menu widget instead and enable the activateParents flag:

<?=\yii\widgets\Menu::widget([
'options' => ['class' => 'sidebar-menu treeview'],
'items' => [

    ['label' => 'Menu 1', 'url' => ['/a/index']],
    ['label' => 'Menu 2', 'url' => ['/link2/index']],
    ['label' => 'Submenu',  
        'url' => ['#'],
        'template' => '<a href="{url}" >{label}<i class="fa fa-angle-left pull-right"></i></a>',
        'items' => [
            ['label' => 'Action', 'url' => '#'],
            ['label' => 'Another action', 'url' => '#'],
            ['label' => 'Something else here', 'url' => '#'],
        ],
    ],
],
'submenuTemplate' => "\n<ul class='treeview-menu'>\n{items}\n</ul>\n",
'encodeLabels' => false, //allows you to use html in labels
'activateParents' => true,   ]);  ?>

Hopefully this helps others as well!

edited Jul 6, 2018 at 10:21

Muhammad Omer Aslam

23.9k9 gold badges47 silver badges69 bronze badges

answered May 21, 2015 at 14:43

nicky

8172 gold badges14 silver badges27 bronze badges

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

2 Comments

Gogol Over a year ago

Just as a note, you need use yii\widgets\Menu; at the top of the view file to be able to call Menu.

Liam Over a year ago

Many thanks for this you have helped soo much, i have been searching for ages

Collectives™ on Stack Overflow

yii2 nav widget submenu class

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related