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

Metronic Angular Demo 1 Sideber Toggle Mobile Not Working


Demo url works but not when i download it. So I can't use the mobile menu.

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


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


Hello Serdar Güler,

We apologize for any inconvenience caused by the issue you've encountered. Our team is actively working on resolving this issue, and we plan to include the fix in the upcoming update. Thank you for bringing this to our attention.

Please let us know if you have any further questions or concerns, and we'll be happy to assist you.

Thank you for your patience and understanding.

Best regards,



Is it possible for you to edit it and forward it to me in advance? We want to use it in our project.



Hello,

To implement the above change, you can follow these steps:

- Open the file /demo1/src/app/_metronic/layout/layout.component.ts

- Locate the updateSidebar() function inside the LayoutComponent class.

- Add the following code snippet inside the updateSidebar() function, at the appropriate position:


if (this.appSidebarDefaultDrawerEnabled) {
this.appSidebarDefaultDrawerAttributes = this.layout.getProp(
"app.sidebar.default.drawer.attributes",
config
) as { [attrName: string]: string };
}


- Save the file.

I hope this helps! Let me know if you have any other questions.

Thanks.



Hello,

Thank you so much this solved my problem.



You're welcome! I'm glad I could help. If you have any other questions or concerns, feel free to ask.



Unlock a world of opportunities with the Cisco 200-301 Pass Results for 2023. This year, we've witnessed remarkable achievements as countless individuals have triumphed on their journey to becoming Cisco Certified Network Associates (CCNA). With dedication and determination, our candidates have conquered the https://www.testsfile.com/200-301-tests.html, showcasing their expertise in networking fundamentals, security, automation, and much more.

Join this elite league of certified professionals and empower your career with the industry's most recognized certification. Our 2023 Pass Results are a testament to the commitment and hard work of our candidates, who have secured their place in the ever-evolving world of networking. Be part of this success story and position yourself for excellence in the field of IT.


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