Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Cascading menu in metronics 8.2.0


Hello,

I notice something in the metronic 8.2.0 angular, but also in the previous version, the last menu in the sidebar menu (left menu) don´t have the same behavior than the others.

I explain, if expand any menu except the chat , the menu is expanded and the submenu is showed all , if I expand the chat menu , the sub menu is showed one by one, and for me this is boring, I would like to have the same behavior in all, that is show the sub menu at once.

Can you explain me how to do that.

Thanks
Best regards.

Paulo


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi Paulo,

Thank you for reaching out. If I understand correctly, you are referring to the expand behavior of the sidebar menu in Metronic 8.2.0 Angular version.

The expand speed of the menu depends on the number of submenus under each menu item. When a menu has only a few submenus, it may appear to expand faster compared to a menu with many submenus.

If you have any specific code or configuration related to the menu that you would like to share, I would be happy to take a closer look and provide further assistance.

Thanks



Hello Faizal,

Thanks for the explanation.
Can you just point me where in the code is the code to control the speed to expand the menu?

Best regards,
Paulo



Hello Paulo,

You can try to check and adjusting the option accordion>slideSpeed located in the file /angular/demo1/src/app/_metronic/kt/components/MenuComponent.ts.

Thanks



Hi Faizal,

Great happy , thanks for the help, I see now ..


Have a nice day.

Best regards,
Paulo



You're welcome! I'm glad I could assist you. If you have any more questions or need further help in the future, feel free to reach out. Have a wonderful day!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(