1. Home
  2. Forum
  3. Blazor
  4. Question about preview file content in Blazor file manager

Question about preview file content in Blazor file manager

Hi

I have a Blazor wasm project and I need your help:

a) Is it possible to open a pop-up preview when hovering over a file and displaying the image, or even text, pdf or office files?

b) It is also possible to display the files in the form of an icon with adjustable size that show the content of the text, office or pdf files can be displayed?

Thanks in advance!


6 Replies
IL Indhumathy Loganathan Syncfusion Team June 14, 2021 10:36 AM UTC

Hi Jose, 
 
Greetings from Syncfusion support. 
 
We checked your queries with File Manager component. However, we need some additional clarifications from your end to proceed with the requirement. 
 
Query 1: Is it possible to open a pop-up preview when hovering over a file and displaying the image, or even text, pdf or office files? 
 
Please confirm, whether you want to show the preview of image, text or pdf files in the Tooltip of corresponding file during hover? 
 
Query 2: It is also possible to display the files in the form of an icon with adjustable size that show the content of the text, office or pdf files can be displayed? 
 
In File Manager, we have thumbnail support based on the file types. Refer to the below links. 
 
 
 
Whether you want a resizable icon with this thumbnail to display the content inside the files while performing resize? 
 
It would be very helpful, if you can share a pictorial representation for both requirements(if possible) so that we can assist you promptly. 
 
Regards, 
Indhumathy L

JL jose luis barajas June 14, 2021 05:55 PM UTC

Hi Indhumathy 
Thanks for your response!

About question #1

I like to show preview of images and content for text, pdf and office files (if possible) during hover

Thanks in advance!

KR Keerthana Rajendran Syncfusion Team June 15, 2021 01:06 PM UTC

Hi Jose, 

Thanks for the details. 

Currently, we are validating the feasibility to achieve your requirement to show preview of images or file content as Tooltip during file hover. We need some additional time to analyze on this and we will update further details within three business days on June 18, 2021. 

We appreciate your patience. 

Regards, 
Keerthana R.  


JL jose luis barajas June 15, 2021 03:57 PM UTC

Hi Keerthana 

Thanks for your kind response!

IL Indhumathy Loganathan Syncfusion Team June 18, 2021 04:15 PM UTC

Hi Jose, 
 
Sorry for the inconvenience. 
 
As mentioned earlier, we are preparing a sample to show Tooltip with an image preview using JS interop in Blazor. However, we are facing some complexities while fetching the image data. We need some additional time to check this in our end and we will update you further details on or before June 23, 2021. 
 
We appreciate your patience. 
 
Regards, 
Indhumathy L 


IL Indhumathy Loganathan Syncfusion Team June 23, 2021 11:07 AM UTC

Hi Jose, 
 
Thanks for your patience. 
 
While preparing a sample to achieve the customization of showing Tooltip with image preview, we have been facing an issue with Blazor File Manager OnFileLoad event. We have considered this as a bug and the fix for this issue will be included in our weekly patch releases by the month of July, 2021. You can track the status through the below portal link. 
 
 
Once the issue is resolved, the Tooltip can be added to the required files by making a JS interop call inside the OnFileLoad event. By using the Tooltip Template property, you can able to update the required content inside the Tooltip based on your scenario. 
 
Please let us know if you need any further assistance. 
 
Regards, 
Indhumathy L 


Loader.
Up arrow icon