Customizing File Manager functionalities
18 Nov 20182 minutes to read
The File Manager control allows customizing its functionalities such as context menu, searching, uploading, and toolbar using APIs. Given below are some of the functionalities that can be customized in the File Manager,
- Context menu customization
- Details view customization
- Navigation pane customization
- Show/Hide file extension
- Show/Hide hidden items
- Show/Hide thumbnail images in large icons view
- Toolbar customization
- Upload customization
- Tooltip customization
Context menu customization
The context menu settings, such as items to be displayed on files, folders, layout click, and visibility, can be customized using the contextMenuSettings property.
The output will be as shown below.
Details view customization
The details view settings like, column width, header text, template for each field can be customized using detailsViewSettings property.
Output be like the below.
Navigation pane customization
The navigation pane settings like, minimum and maximum width, visibility and sort order can be customized using navigationPaneSettings property.
Output be like the below.
Show/Hide file extension
The file extensions are displayed in the File Manager by default. This can be hidden by disabling the showFileExtension property.
In File Manager fileLoad and fileOpen events are triggered before the file/folder is rendered and before the file/folder is opened respectively. These events can be utilized to perform operations before a file/folder is rendered or opened.
Output be like the below.
Show/Hide hidden items
The File Manager provides support to show/hide the hidden items by enabling/disabling the showHiddenItems property.
Output be like the below.
Show/Hide thumbnail images in large icons view
The thumbnail images are displayed in the File Manager’s large icons view by default. This can be hidden by disabling the showThumbnail property.
Output be like the below.
Toolbar customization
The toolbar settings, such as items to be displayed in the toolbar and visibility, can be customized using the toolbarSettings property.
Output be like the below.
See Also
Upload customization
The upload settings, such as minimum and maximum file size and enabling auto upload, can be customized using the uploadSettings property.
Output be like the below, when file size is below the minFileSize.
Output be like the below, when file size is above the minFileSize.
Tooltip customization
The tooltip value can be customized by adding extra content to the title of the toolbar, navigation pane, details view and large icons of the File Manager element.
Output be like the below.
