Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$
Light
Dark
System
Ask  Question

Angular - Demo 1 - Persist sidebar status


Hi!

I am using Metronic Demo 1 for Angular and I trying to save the sidebar status (either minimized or not) so it stays the same way after a refresh

In sidebar.component.ts

Tried to set 'data-kt-app-sidebar-minimize' to either 'on' or null but when I do, I can't change the status again.
Also tried to set
this.toggleEnabled = true
this.toggleButtonClass = 'active'

But it doesn't work either.

Thanks!


user
Hernan Artesi 1 year ago
Angular
3 Answers
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 (3)

user
Faizal Author1 year ago

Great to hear that it worked for you! If you have any further questions or issues, feel free to reach out and we'll do our best to assist you.

Thanks for using our product, and have a great day!

Best regards,


user
Faizal Author1 year ago

Hi Hernan,

In the file demo1/src/app/_metronic/layout/core/configs/dark-sidebar.config.ts, could you please try to update this config value to true?

The config path is app.sidebar.default.minimize.desktop.default

Thanks


user
Hernan Artesi 1 year ago

Worked like a charm. I just changed this config to whatever value I have saved in the init of sidebar.component.ts

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