Change icon for specific file type

[Gian]

Hallo,

how can I change  the icon for a specific file type (extension) in Blazor File Manager?

[Prasanth Madhaiyan]

Hi Gian,

Greetings from Syncfusion support.

 

Based on the shared details, we understand that you would like to set icons based on file types in the large icon view of the Blazor FileManager. You can disable thumbnails by setting the ShowThumbnail property to false and use CSS to define custom icons for different file types and folders. We have documented this case in our demo section. Refer to the link below for customization information:

 

Demo: https://blazor.syncfusion.com/demos/file-manager/custom-thumbnail?theme=fluent2

In the showcased sample of the FileManager component, the custom thumbnail feature allows you to view personalized thumbnails for both folders and file types using the ShowThumbnail property.

 

Note: Custom thumbnail styles (the `background-image` for the classes within the `.e-filemanager .e-large-icons` class) were applied to the folder and file types using the corresponding class names, resulting in a visually distinctive representation of the thumbnails tailored to specific needs.

 

Check out the shared details and let us know if you need any further assistance.

Regards,

Prasanth Madhaiyan.

[Gian]

Thank you, I was able to do it by  following the example .

[Shereen Shajahan]

Hi Gian,

Glad to know that the provided solution helped. Please get back to us for assistance in the future.

Regards,

Shereen

[Gian]

The graphic designers in our company wish to have the same icon style for all icons: is there a list of the file types that have a dedicated icon in FileManager, so that I can replace them?

[Prasanth Madhaiyan]

Hi Gian,

Based on the shared details, we would like to provide you with a list of file types for which you can set custom thumbnail styles in the FileManager component under the .e-filemanager .e-large-icons element:

• .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

Please review the shared details, and if we have misunderstood your exact requirements, kindly provide more information. This will help us offer a prompt and accurate solution. We look forward to your response.

Regards,

Prasanth Madhaiyan.

[Gian]

That's perfect, thank you!

[Prasanth Madhaiyan]

Hi Gian,

Glad to know that the provided solution helped. Please get back to us for assistance in the future.

Regards,

Prasanth Madhaiyan.