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

Metronic React Demo Forms


Hi,

I want to create a form with interactions similar to those in Metronic 8 demo 39 catalog: link <a>https://preview.keenthemes.com/metronic8/demo39/apps/ecommerce/catalog/add-product.html</a>. I'm using Metronic 8 with React and need to integrate a form that includes features like multiple image uploads and dynamic fields, just like in the provided example.

Any help would be greatly appreciated. Thank you!


user
Raju Lohar 1 year ago
Bootstrap React Bootstrap 5
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
Raju Lohar 1 year ago

I have a suggestion regarding the demo. HTML has some excellent templates, and it would be beneficial if some of them could be migrated to React. Alternatively, creating a tutorial on how to migrate HTML code to React would be very helpful.

Thanks for your response.


user
Lauris Stepanovs Author 1 year ago

Hi,

Thank you for your feedback.

We will consider adding such a tutorial in the next Metronic releases.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


user
Lauris Stepanovs Author 1 year ago

Hi,

Sorry for the delay in reply.

Currently, we do not have any image upload solutions present in our React version. You might consider either adopting our solution from html version or using this React component for image uploading.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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