Light
Dark
System
Ask  Question

Hide header in angular metronic Original dahboard


Hello
i'm using Metronic dahsboard Original (the angular version)
i want to hide the header for the desktop view so i get more space as i only need the side bar and the app-content containner
if i comment all the <app-header id="kt_app_header"> it will work but it not show sidebar_mobile_toggle in mobile version

i hope you can help me
thank you


user
Zakaria Snoussi 2 months ago
Angular
1 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 (1)

F
Faizal Author2 months ago

Certainly, to hide the header in the Angular Metronic Original dashboard for the desktop view while keeping the sidebar and app-content container, you can follow these steps:

1. Locate the configuration file responsible for the sidebar settings. In the Metronic Original Angular dashboard, the configuration files are often found in a directory like `/angular/demo1/src/app/_metronic/layout/core/configs/`.

2. Open the configuration file named `dark-sidebar.config.ts` or similar.

3. Inside the configuration file, search for the configuration key `app.sidebar.default.collapse.desktop.enabled`.

4. Set the value of this configuration key to `false`.

5. Save the changes to the configuration file.

6. After making this change, the header should be hidden in the desktop view, leaving only the sidebar and app-content container visible.

Remember to rebuild and reload your Angular application to apply the changes. This configuration change should provide you with more space on the desktop view, while the mobile version should still display the `sidebar_mobile_toggle`.


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

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle