Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Integrating demo1's Description input box into React code


Hi,

I'd like to integrate the Description input box in demo1/dist/apps/ecommerce/catalog/add-product.html into my React tsx page. However there is no demo JS code for this. What is the right way to do this in JS? Thanks.


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)


Hi,

Thank you for your interest in Metronic.

Some pages from the HTML version might not exist in React. But the CSS styles from the HTML version are already been integrated into React. All the components from the HTML version are static and non-working components. You can just copy the component HTML from the HTML version, and paste it into the React component to get the same look. The actual functionality and implementation need to be done by the customer because every customer has its own business requirements.

By default, those jQuery-based features are not available in the React version. So we will skip any components related to it. For example is KTDatatable, select2, etc.
Let us know if you need further clarifications.

Thanks



Hi Jack happy

The example page you are viewing is the HTML version. You can get the example JS files in this path.


/metronic_v8.0.36/html/demo1/src/js/custom/apps/ecommerce/catalog/save-product.js


The JS file is for demo purposes only. For your case, you have to customize based on your requirements.

Thanks



Thank you Faizal for your reply. I just found the ReactJS version of demo1 was a reduced one from the html version 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  :(
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  :(