Blazor File Manager Example - Custom Thumbnails
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Upload Files
Or drop files here
This sample demonstrates the custom thumbnail feature of the File Manager component, enabling personalized visual representation of folders and file types.
The ShowThumbnail property enables custom thumbnail display. Custom styles are applied using corresponding CSS class names within the .e-filemanager .e-large-icons context for various file and folder types.
Supported file type classes include:
- Image files:
.e-fe-image - Audio files:
.e-fe-music - Spreadsheets:
.e-fe-xlsx - Videos:
.e-fe-video - Presentations:
.e-fe-pptx - Archives:
.e-fe-rar,.e-fe-zip - Documents:
.e-fe-txt,.e-fe-doc,.e-fe-docx,.e-fe-xml - Code files:
.e-fe-js,.e-fe-css,.e-fe-html,.e-fe-php - Executables:
.e-fe-exe,.e-fe-msi - Folders:
.e-fe-folder - Unknown types:
.e-fe-unknown
Looking for the full Blazor File Manager component overview, features, pricing, and documentation? Visit the Blazor File Manager page.