Light
Dark
System
Ask  Question

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?


G
Guest 6 months ago
Angular RTL
3 Answers
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 (3)

F
Faizal Author6 months ago

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
G
Guest 6 months ago

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


F
Faizal Author5 months ago

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.

image

Thanks


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

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle