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

Metronic HTML Edits Not Showing


I am using Metronic for a project of mine written in Python. I am using Flask for serving the pages.

I was able to modify the HTML used for the authentication portion with zero issues. However, trying to modify the navbar and menu items in the header for the main dashboard results in zero changes being displayed. I have not seen any errors being displayed in the console output (both browser and terminal).

Has anyone ran into an issue similar to this?

File being edited that do not show changes after HTML is edited:
- ./_templates/layout/partials/header-layout/header/_navbar.html
- ./_templates/layout/partials/header-layout/header/_menu/_menu.html

Files that have been edited and changes have been seen:
- ./_templates/layout/partials/sidebar-layout/sidebar/_menu.html
- Auth HTML pages

Steps tried:
- Alternative browser/clearing cache
- Deleting old pycache folders
- FLASK_DEBUG=1 in the ENV and TEMPLATES_AUTO_RELOAD=True in the config
- Reboots across dev applications and dev servers/workstations

Current setup:
- Python3.10.6 (Using provided pyvenv)


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


Scratch that.
Found that default.html was calling /partials/sidebar-layout/_header.html not /partials/header-layout/_header.html, which resulted in no edits being displayed.

All is working now



Hi,

It seems like you're trying to modify the navbar and menu items in the header for the main dashboard in your Flask project using Metronic. However, you mentioned that the changes you made to the following files are not being displayed:

- ./_templates/layout/partials/header-layout/header/_navbar.html
- ./_templates/layout/partials/header-layout/header/_menu/_menu.html

In Metronic, the default layout that is used is the sidebar layout, located under the folder "sidebar-layout." The full path to the header menu file you mentioned should be:

/flask/starterkit/_templates/layout/metronic/demo1/partials/sidebar-layout/header/_menu/_menu.html

Please ensure that you are editing the correct file path to make changes to the header menu. If you continue to experience issues, feel free to provide more details, and we'll be glad to assist you further.

Best regards.


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