Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
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?


n
naji 3 years ago
Angular RTL
4 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

user
Faizal Author 3 years 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.

<img src=" alt="image" border="0">

Thanks


n
naji 2 years ago

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


user
Faizal Author 3 years 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


n
naji 3 years 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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(