Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Side menu in Angular version is not behaving correctly


Hello,
in latest angular version 8.1.7 when i click on double arrow button the side menu should retract and become compact similar to html version but instead it just warps the dashboard or whatever left hand body part and then nothing happens until i move my mouse out of button. this is the button id "kt_app_sidebar_toggle".
please provide a fix for this so it can animate similar to html version on event (button click).


thanks


user
ALOK SHARMA 3 years ago
Angular HTML
6 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 (6)

user
Faizal Author 3 years ago

We will include the fix in the next update soon, hopefully by this week.

Thanks


I
Ioannis Klimis 3 years ago

I am facing the same issue. Please look into it


user
Aristeidis Bampakos 3 years ago

I can confirm that the problem exists also in my case. When I click the double arrow button, the side menu does not minimize unless I move the mouse away in the main body of the application.


user
Sean Author 3 years ago

Hi,

Thank you for the heads-up. We will check this further and provide a fix the soonest early next week.

Regards.


user
Sean Author 3 years ago

Hi,

As per our double-check the Metronic v8.1.7 Angular Demo 1 sidebar minimized mode works fine on hover mode as in the HTML version. Could you please retry it by clearing the preview cache in the preview here.

Regards.


user
ALOK SHARMA 3 years ago

hi,

i checked the provided link in incognito mode to make sure no cache was causing any issue, but the problem in behavior is still there. If you just open the html version and compare it with angular version the HTML version have smooth animation when you click to toggle the sidebar but in angular its not the same.

if you want i can upload a screen record or what i am seeing?


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