Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

on metronic 8 in react thumbnail image not workung


i created react app using metronic 8 react some scripts not working


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 (5)


how can i use datatable for table like filter on columns, export pdf, csx and search in react



Hi,

Unfortunately, the export functionality is not implemented by default, we will consider adding such functionality in upcoming releases.

You can find demo of filter and search on User Managment page
https://preview.keenthemes.com/metronic8/react/demo1/apps/user-management/users

For search you can check file: src/app/modules/apps/user-management/users-list/components/header/UsersListSearchComponent.tsx

For filter file: src/app/modules/apps/user-management/users-list/components/header/UsersListFilter.tsx



How to include image upload component to my react app



Hi,

Are you mentioning the Metronic HTML image upload component?
If yes, you can't use it, cause it's based on jQuery, we don't use jQuery in our SPA applications (React, Angular. Vue).
If not, you can use 3d party library, like this

Regards,
Keenthemes support



Hi,

Could you please describe all cases (paths, files, URLs) where you have the issues one be one? Cause without details we aren't able to investigate the cases.

Regards,
Keenthemes support


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