Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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)


user
Roman Rivas 2 years ago
Metronic Flask
2 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
Faizal Author 2 years ago

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.


user
Roman Rivas 2 years ago

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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(