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

Angular Support


Hello. I was wondering If I could abit of help on Customization on a landing page for the metronic angular version. Could I get some help


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


Hi,

May I know which Metronic version are you using?
Basically, you can reuse the landing page's HTML code and put it within your Angular app since the styles are supported via the global CSS bundle that is included in the Angular app.

You can use the Angular Demo 1 app as a base and put the HTML layout and contents of the landing page from the HTML Demo 1 template.

Regards.



I am using version 8.



I also notice that the select boxes and date picker input field are not working properly. The datepicker does not show and the select box renders two select boxes



Hi,

Please note that the HTML version features which are based on jQuery/Javascript plugins such as Select2, and Datepicker are not available in the Angular version. The Angular Demos come with limited features compared to the HTML version.

Just in case Metronic Angular does not fulfill your project requirements you may request a refund using Themeforest Refund Form. 100% money back is guaranteed.

Regards.



Is there any way to add these new features?



Hi,

Those features are not compatible with Angular since they require jQuery. You can consider Angular Material components instead. Here we show how to use some Angular Material components and you can use other Angular Material Components from

Regards.



what version needs to be downloaded with what version of node js demo 7 angular 17 HR dashboard, try to give the steps to get it to serve, give the terminal command steps


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