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

Is there a snippets or code library for the HTML elements (widgets, asides, etc)


I can only use the HTML version, as my stack is CI or raw PHP, not Laravel or React.

In the HTML version, GULP and WEBPACK only assist with compiling SASS to CSS. Only the assets folder is affected.

There doesn't appear to be any snippets library for HTML demo in the SRC folder, there's only full HTML static pages in the DIST folder, and that's the only place that i can find code for the HTML elements.

As a result, I need to trawl 1000's of lines in static HTML pages to find the elements I want, and copy-paste these into a code library I have to create for myself.

Can you please advise if I've overlooked something?

If this is something you don't provide, could you please add either or both the following:

a) An HTML code snippets folder section in the SRC folder, analogous to the _metronic folder you provide for React and other users.
b) Add to the Documents pages for widget, modals, and app demo with code, in the same way it currently does this for CHARTS, and GENERAL
(eg. https://preview.keenthemes.com/metronic8/ demo1/documentation/general/menu/customization.html)


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


Hi,

The HTML code snipped can be obtained using the layout builder export tool. Once your layout is up and running you can create your pages and copy and paste any page content by browsing the HTML version templates.

The widgets, modal, etc must be taken from the HTML demo version as it's the only source of reference and so colled documentation where each feature can be seen how it should work and the code is available to grab and use.

Please note that we technically can't document every single template (over 500+ and growing) as it requires more time. Instead we document the core components and plugins in the general documentation.

In the begging, you may need some time to figure out to get started but once you fully understand the Metronic structure the further coding will be much more straightforward.

Also, you can get help from the core team and community by creating a ticket with a detailed issue explanation.

Regards.



Hi Sean

Thanks for your reply.

I should've started by saying the design and comprehensiveness of Metronic is such an achievement. It is freakin awesome.. hands down the best.

I've been a bit frustrated by my perception that if I was running Laravel or React, I'd have had an easier time with Metronic.

I completely understand what you are saying though.

As a bit of feedback, the Layout Builder is very little value for me. It only has a handful of options and doesn't address the snippet/customisation I'm after. Also, it creates an output that has less options snippet-wise.

As a result I'm manually building my own library from the HTML.

Cheers



Hi happy,

Thanks for your warm feedback. We will consider it with our core team and maybe in the future, we will provide something more than we have currently.

All the best with your project!

Regards.


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.

Their team of digital experts is constantly honing their skills and staying abreast of the latest technological trends and advancements. This relentless pursuit of knowledge and innovation enables Lionwood https://lionwood.software/ to remain at the forefront of the digital landscape, consistently delivering cutting-edge solutions that drive business growth and success.


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