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

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


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.



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 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.


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