FileManager Context Menu Details Option

[JARUD]

I was wondering it it was possible to customize the "File Details" pop up that opens when right clicking a folder/file and selecting detail. The only 4 values I see are Name, Size, Location, and Modified date. I have tried adding additional fields to the FileDetails response in the controller such as createdBy and createdDate, but still have had no luck. Any help would be much appreciated.

[Sowmiya Padmanaban]

Hi JARUD,  

 

Greetings from Syncfusion support. 

 

We have checked your requirement with FileManager component. You can customize the details dialog based on your requirement using success event of FileManager component. 

 

Please, refer to the below code snippet. 

 

 success: function(args) { 

    if (args.action == "details") { 

      var dialog_element = document.getElementById( 

        "filemanager_dialog_dialog-content" 

      ); 

      var length = dialog_element.getElementsByTagName("table")[0].rows.length; 

      if (length === 4) { 

        var row = dialog_element 

          .getElementsByTagName("table")[0] 

          .insertRow(length); 

        var column = row.insertCell(0); 

        column.innerText = "Created"; 

        var column1 = row.insertCell(1); 

        column1.innerText = args.result.details.created; 

      } 

    } 

  } 

 

 

For your reference, we have prepared a simple JavaScript sample for FileManager component. 

 

https://stackblitz.com/edit/awhehc?file=index.ts 

 

You can achieve similar case in MVC by passing the required additional data in getDetails response from server to client side and process this through success event. 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P 

[JARUD]

Perfect! Thank you for your help.

[Sowmiya Padmanaban]

Hi Jarud,  

  

Most welcome. We are happy to hear that your problem has been resolved. Please contact us, if you need any help from us. 

  

Regards,  

Sowmiya.P