Base solution for your next web application
Open Closed

Menu default setting #4819


User avatar
0
ramezani583 created

Hi, How to set the main menu to be closed by default?

Markdown is supported
Copy & paste or drag & drop images (max 30 MB per image)

10 Answer(s)
  • User Avatar
    0
    aaron created
    Support Team
    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    ramezani583 created

    It seems to me that I did not say the right thing. I want the default menu to like this: (in attached file).

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    alper created
    Support Team

    Hi,

    Solved what you want! Angular collapsed menu by default [attachment=0:2ozx828i]angular-collapsed-menu.jpg[/attachment:2ozx828i]

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    abdourahmani created

    Thank you very helpful.

    And how can I make the side bar wider ? I have long menu description and they are all folded.

    Regards, Abdourahmani

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    alper created
    Support Team

    Add this to the layout.less file. That's it!

    .m-aside-left{
       width: 500px
    }
    

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    abdourahmani created

    Thanks !

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    abdourahmani created

    Hi ! When I set it to size greater than 250px (like in the code below) the menu covers the work space (see picture 1)

    .m-aside-left{
       width: 300px
    }
    

    [attachment=0:g6z52tw0]nav menu crops.jpg[/attachment:g6z52tw0]

    And what about the dropdown menu (when the sidebar is minimized) ? How can it ajust it too?

    Best regards, Abdourahmani

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    alper created
    Support Team

    you need to add it to the less file and after that refresh the page. if you add the css on the fly with chrome dev tools it'll not work

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    abdourahmani created

    I added it to : angular\src\app\shared\layout\layout.less

    Isn't it correct ?

    Regards, Abdourahmani

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    alper created
    Support Team

    Hi,

    I double checked and did it without any issues. just adding *.less file and refreshing page shows the below screen. If your problem continues please open an issue on GitHub. Plus you can ask it on Metronic forum <a class="postlink" href="https://keenthemes.com/forums/forum/support/metronic5/">https://keenthemes.com/forums/forum/support/metronic5/</a>

    [attachment=0:2poqi9zn]left-menu-big.jpg[/attachment:2poqi9zn]

    PS: When you want to ask another question, please create a new topic to help others.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)