Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
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 2 years ago
Metronic React HTML
1 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 (1)

user
Sean Author 2 years 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
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  :(