Navigation pane customuzation

Hello.

I'm looking for a way to customize the navigation pane template of File Manager. I see there is only a limited set of properties in NavigationPaneSettingsModel. I would like to customize the HTML, for instance, to add a custom image to the tree nodes. 

In short, something like:

<ejs-filemanager> <e-navigationpane> <ng-template #navigationPaneTemplate let-data> <!-- You can add your custom HTML for folder names here --> <div [innerHTML]="data.text"></div> </ng-template> </e-navigationpane> </ejs-filemanager>

I'm wondering if there is such an option. Thank you for your reply. 


1 Reply

MK Muthukrishnan Kandasamy Syncfusion Team November 16, 2023 01:32 PM UTC

Hi Lukas,


Thanks for contacting Syncfusion support.


Currently, we can customize the maxWidth, minWidth and visible property of the navigation pane, and we don’t have custom template support to the navigation pane in the Angular File Manager component.


Documentation: https://ej2.syncfusion.com/angular/documentation/file-manager/customization#navigation-pane-customization


Regards,

Muthukrishnan K


Loader.
Up arrow icon