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

metronic 7 angular


i have large aside menu , but the scroll bar not exists and cannot scroll down to see the other items in the aside menu..

how i can enable scroll bar to aside menu?


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 (4)


To enable a scrollbar for the aside menu in Metronic 7 Angular, you can do the following:

Open the HTML file that contains the aside menu code.

Find the container element that wraps the aside menu, usually a div element with an id of kt_app_sidebar_menu_wrapper.

Add a CSS overflow-y property to the container element and set it to auto or scroll. This will enable the vertical scrollbar for the container.

Example code:


<div id ="kt_app_sidebar_menu_wrapper" style ="overflow-y: auto;">
<!-- your aside menu code here -->
</div>


Make sure to adjust the height of the container element if necessary to ensure that the scrollbar appears only when needed.

Thanks



thank you , but it's not wirking when i set the Submenu toggle dropdown .. the dropdown menu not opens when i enable this div



Hi,

Apologies for my late response.

https://preview.keenthemes.com/metronic/angular/demo1/dashboard

This is the Angular version of the Metronic 7 demo site and the scrollbar should be working by default. If you're experiencing issues with the scrollbar, it could be due to changes you made to the original project files. I suggest trying a fresh install to see if that resolves the issue.



Thanks



Hi
how i can enable the scroll with Submenu toggle dropdown.. its working with accordion mode only


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  :(