How to add custom drop down buttons

[Rahul]

Hi,

In our project we required to add custom drop down button in Syncfusion Angular file manager. Please suggest the ways to achieve the solution.

[Keerthana Rajendran]

Hi Rahul, 

Thanks for contacting Syncfusion support. 

Yes, you add custom toolbar item for File Manager by referring the below UG links. 

https://ej2.syncfusion.com/angular/documentation/file-manager/how-to/adding-custom-item-to-toolbar/ 

https://ej2.syncfusion.com/angular/documentation/file-manager/how-to/adding-custom-item-to-context-menu/ 

Please let us know if you need any further assistance. 

Regards, 

Keerthana R. 

[Rahul]

Custom buttons i can add, but how can i add dropdown button and items as shown in the image

[Shameer Ali Baig Sulaiman Ali Baig]

Hi Rahul, 

 

You can achieve your expected requirement by initializing DropDownButton to custom toolbar item in the toolbarCreate event of FileManager. 

Sample with above solution: https://stackblitz.com/edit/angular-jq1mug-1ussyy?file=app.component.ts 

 

Refer the following documentation link which demonstrates how to add custom toolbar item in FileManager. 

 

https://ej2.syncfusion.com/angular/documentation/file-manager/how-to/adding-custom-item-to-toolbar/ 

 

Also, refer the following sample to know more about FileManager component. 

 

Demos: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/file-manager/overview 

 

Documentation: https://ej2.syncfusion.com/angular/documentation/file-manager/getting-started/ 

 

API Reference: https://ej2.syncfusion.com/angular/documentation/api/file-manager/ 

 

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

 

Regards, 

Shameer Ali Baig S.