File/Folder Details Popup Customization

Question

Hi,Is there a way for us to be able to use a customize popup when displaying the file or folder details popup (When a user right clicks over a file or folder, then selects the Details option) Aside from changing the overall look of the popup, we wanted to remove the Permission field found on the popup since we figured this is not something that our users want to see when they click on the file details.It would be nice if you could give us a sample code of your implementation.Thanks!

Indhumathy Loganathan · Accepted Answer

Hi Denzel, 
 
We have validated your requirement in File Manager component. In File Manager, we have rendered our details popup in a table format and it is not possible to rearrange the elements or add a background image in the popup. However, you can cancel our default details popup using the OnSend and BeforePopupOpen event. Then you can show the required details in your customized popup by setting our File Manager as target. Refer to the below code snippet. 
 




public void send(Syncfusion.Blazor.FileManager.BeforeSendEventArgs args) 
{ 
    // Conform whether the popup is details popup. 
    if (args.Action == "details") 
    { 
        isDetail = true; 
    } 
} 
public void beforePopupOpen(BeforePopupOpenCloseEventArgs args) 
{ 
    if (isDetail) 
    { 
        // Cancel our default popup. 
        args.Cancel = true; 
        // You can show your own customized popup here. 
    } 
} 
 
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/FileManager-1390820447 
 
You can make a HttpClient call to fetch the details of selected file or folder and customize them as per your requirement and show it inside your customized popup. 
 
Please let us know if you need any further assistance. 
 
Regards, 
Indhumathy L

Indhumathy Loganathan · Answer

Hi Denzel,

Greetings from Syncfusion support.

We have validated your requirement in File Manager component. You can remove the permission field from the Details popup by using the below style.

<style>

/*Style to remove the permission field in Details popup*/

#filemanager tr:last-child {

display: none;

}

</style>

You can find the sample demonstrating the solution from below link.

https://www.syncfusion.com/downloads/support/directtrac/general/ze/FileManager1350746297

Please let us know if you need any further assistance.

Regards,

Indhumathy L

Roy Sunga · Answer

Hi Indumathy,Thank you for that.But I was also looking for a way to customize the popup in a way that we rearrange certain elements of the popup. For example, we wanted to change the tabular layout of the File Details popup into something that uses div and a background image for example. I assumed that the file details popup uses tables given that your solution to my initial query entails hiding the last table row of the table.Is that feasible?Thanks!