Example of Custom Thumbnails in React File Manager Component

/
/
CustomThumbnail

In this sample of the File Manager component, the custom thumbnail feature is showcased, allowing users to view personalized thumbnails for both folders and file types using the showThumbnail property.

More Details...

Loading....
Description

In this demo, custom thumbnail styles (background-image for the following classes within the .e-filemanager .e-large-icons class) were applied to folder and file types using corresponding class names, resulting in a visually distinctive representation of the thumbnails according to their specific needs.

  • .e-fe-image
  • .e-fe-music
  • .e-fe-xlsx
  • .e-fe-video
  • .e-fe-pptx
  • .e-fe-rar
  • .e-fe-zip
  • .e-fe-txt
  • .e-fe-js
  • .e-fe-css
  • .e-fe-html
  • .e-fe-unknown
  • .e-fe-exe
  • .e-fe-msi
  • .e-fe-php
  • .e-fe-doc
  • .e-fe-docx
  • .e-fe-xml
  • .e-fe-folder

Note: File Manager's upload functionality is restricted in the online demos for security reasons. If you need to test upload functionality, please install Syncfusion® Essential Studio® on your machine and run the demo.