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

Easy way to use html into angular version?


Hello, is there any easy way to use html demo 39 in the angular version? I see in the documentation that the html versions could work into the angular version but in the documentation it explain it very easy like if just copy and paste the html to the component.html in angular should work but.. as an example I just clean up 100% the dashboard.component.html in the demo 1 of angular and I still have the lateral menu, the nav bar and so on so its not just copy and pasting the html you should do a very detailed changes right? the specific part of the html that means the nav bar you should find it in angular and replace and item by item to have it 100% working right?

Is that detailed way of work? or it is a better and easly way to do it?


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


Thank you for reaching out.

In the Angular version of Metronic, it is not as simple as copy-pasting the HTML code from the HTML version. You would need to make more detailed changes to integrate the desired HTML demo into your Angular project.

You may consider starting a new Angular project using the HTML version as a reference. This way, you can build your project from scratch, following the structure and components provided in the HTML demo, which might be a simpler and more straightforward approach.

One approach you can take is to use the Layout Builder tool provided by Metronic. With the Layout Builder, you can customize and configure the layout of your Metronic theme, and it allows you to download the partial HTML files for the header, footer, menu, top bar, and content area. You can then integrate these partial files into your Angular project, replacing the corresponding components or templates.

http://preview.keenthemes.com/metronic8/demo1/layout-builder.html

However, please note that the assets (such as images, stylesheets, and scripts) are not included in the Layout Builder. You would need to obtain those assets separately from the HTML version of the desired demo (in your case, Demo 39).

If you find that Metronic Angular does not meet your project requirements and you have not made significant modifications, you can request a refund through the Themeforest Refund Form, where a 100% money-back guarantee is provided.

https://themeforest.net/refund_requests/new

If you have any further questions or need assistance, please feel free to let us know.

Best regards,



I will give it a try, I really want to learn to use it and keep it.

But in the case that I want a refound how many days I have to request it?



Hi,

No worries. You can request a refund anytime. There is no deadline. Whenever you decide to stop using Metronic you can request a refund

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