• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Custom Thumbnails in ASP.NET Core File Manager Control

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.

DEMO
SOURCE

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.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab