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

Dashboard sidebar not minimizing to the left


I have tried everything possible, however I am not able to minimize the sidebar. Any solutions please thank you ?


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,

Could you please provide more info? Which theme, version, and demo you are using? Which framework do you use? HTML, React, Angular or Vue?

Regards.



I am using metronic_v8.0.38 the html.
I did not understand the angular version so I took the html and imported it into my angular project. Everything works fine, except that the dashboard sidebar not minimizing to the left and header drop downs not working.



Hi,

In order to make the Metronic HTML work within Angular as expected there a lot of workarounds and integration works are required. That's why we have released our official Angular version and we would suggest to you it. If you like to proceed with your own implementation using the HTML version then you will need to initialize the layout and core components are the HTML elements are populated. For more info please check this documentation page.

Regards.



Alright I have imported the angular theme into my project as you recommended. I am in the root folder of demo1, I ran npm install and I get the following error
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: demo1@8.0.38
npm ERR! Found: @angular/compiler@13.2.5
npm ERR! node_modules/@angular/compiler
npm ERR! @angular/compiler@"13.2.5" from the root project



Hi,

Try to do next stepts:
1) Run npm install -g @angular/cli
2) Run npm i --legacy-peer-deps
3) Open your browser with URL: http://localhost:4200/.

PS: Use yarn instead, it will reduce packages issues during the development.

Regards,
Keenthemes support


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