Currently, the left-hand side menu displays all the items. We need the menu to expand only when the user clicks on the appropriate menu item. To enable this, we'll need to add a reference to the metisMenu jQuery plugin to our master layout page. For this, perform the following steps:
Add a subfolder called
pluginsto thejsfolder in your project.Add a new folder inside the
pluginsfolder calledmetisMenu.Add the
jquery.metisMenu.jsfile inside the SB Admin source files'js\plugins\metisMenufolder to theplugins\metisMenufolder inside your project.Next, open the
_Layout.cshtmlfile inside theViews\Sharedfolder.Add a reference to the metisMenu plugin by adding the following line just above the
</body>closing element:<script src="@Url.Content("~/js/plugins/metisMenu/jquery.metisMenu.js")"></script>When running your project, the left-hand side menu should now display correctly.