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

Problem with Menus when going back from error page (using back button)


Hi, I have a problem with all demos using angular. If you go to an error page and go back using browser history (back button). It happens:

- dropdown menus are not working anymore (e.g search, user info, etc)

https://preview.keenthemes.com/metronic8/angular/demo2/dashboard

go to

crafted > errors > 404

press back button on browser

try to use menus.

Thanks for help.


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


Hi Rob,

I'l try to navigate for the solution: try to check this article: https://www.bennadel.com/blog/3533-using-router-events-to-detect-back-and-forward-browser-navigation-in-angular-7-0-4.htm
We have the helper to refresh menus: demo1/src/app/_metronic/kt/kt-helpers.ts you can use when user clicks 'back'.

Regards,
Keenthemes support



Hi Carmelo,

I don't if I can post here some piece of code but I solved (I was so close the solution!). If you need fixes let me know.

Thanks.



Anyway please spend some words on the docs about how the kt menu works because it is very beautiful but also quite complex to understand happy



Hi,

Under the hood for the KTMenu component we use core component from the Metronic HTML KTMenu: https://preview.keenthemes.com/metronic8/demo1/documentation/general/menu/api.html.

We are going to rewrite it from scratch, in the Angular manner (not just a wrapper), and once we finish it we will publish the new doc.

Regards,
Keenthemes support



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