Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Aside Menu toogle icon bug


Hello,
I have a Aside Menu with the following Display, Fixed, Minimize and Minimized configs set to true.
When the Aside Menu is minimized, the arrow (toogle aside icon) is represented backwards. It should be facing right, but it's facing left. Can you explain how to solve this bug please?

Thank you very much,
Luís Campos


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


Hi happy,

Hope you are doing well.

Just a heads-up on this issue. Have you tried this with the latest Metronic v8.1.7 update? If you need any further help please let us know. Also, we will implement Sidebar Minimize State saving in browser storage in the next update in a few weeks. If you have any suggestions please let us know.

Regards



Yes, with this version it remains the same.
With the workaround you put, the "active" class it works.



Hi,

Thanks for the update. Noted, we will provide the complete fix in the next update in a few weeks.

Regards.



Hi Luis,

I've added the investigation ticket to the developers' backlog. The fix will be released during the next updates.

Regards,
Keenthemes support



Thank you very much.
Can you give an estimate of the release date of the next release?

Regards



The next release should be in the next 10 days.

Regards,
Keenthemes support



Hi!
This issue was not resolved with the update sad



Hi Luis,

I will prioritize this issue in our development backlog and hope the fix will be published in v8.1.1-8.1.2.
Looks like it's core issue, cause we have the same behavior in the HTML version of Metronic also: https://preview.keenthemes.com/metronic8/demo1/layout-builder.html.

Regards,
Keenthemes support



Thank you very much and keep up the great work.

Regards.



Hi,

The fix will be provided in the next update within the next week. As a quick fix, you can add active class to the sidebar toggle element app-sidebar-toggle when sidebar is minimized by default.

Regards.



Hi,

Thank you for your message.
Try to check demo1/src/app/_metronic/layout/components/aside/aside.component.html file. An extra CSS class manages the direction of the arrow icon: 'rotate-180'. Maybe you can try to remove it.

Regards,
Keenthemes support



Hi,
If I remove the rotate-180 class, the arrow is always pointing to the left, even if I maximize or minimize the menu.


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