Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Light
Dark
System
Ask  Question

Many widgets not available in react template but available in HTML templates


Hi Team,

We have bought Metronic theme and I am not finding few charts, tables in it. We are using react in our project.

Below is the one of the example card that I am looking for in react theme.

URL - https://preview.keenthemes.com/metronic8/demo1/index.html
Section - Authors Achievements

I can find above section created in HTML theme but not within react code.
Now below are the questions.
Q1 - Where may I find above section/widget/card in react theme ?
Q2- If it is not available inside react theme , how should I create it in my project , copying HTML code and converting it into react component would be time consuming as none of the used JS , assets , data etc is available with in react theme.
Q3- If someone can guid us with optimal approach with one sample widget , we can take care of the rest.

Thanks & Regards
Syed Furquan Ahmad


G
Guest 4 months ago
React Metronic HTML
1 Answers
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 (1)

S
Sean Author4 months ago

Hi,

Thank you for your feedback.

Please note that not all HTML features are ported into the React version. You can refer to demo1/src/js/custom/widgets.js and src/js/widgets/charts to get any charts JS code shown in the HTML version and reuse the code in your React code.

If you need any further help please provide us your Metronic version, demo, and widget you are trying to implement and our React experts will guide you further with instructions on how to port HTML features into React.

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