Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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.


user
Jack 4 years ago
Metronic React HTML
3 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 (3)

user
Faizal Author 4 years ago

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


user
Faizal Author 4 years ago

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


user
Jack 4 years ago

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