Views in JavaScript File Manager component

18 Nov 20181 minute to read

The View section displays files and folders for users to browse. Use the view API to set or change the initial view of the File Manager component.

The File Manager supports two view types:

• LargeIcons View
• Details View

Large Icons view

By default the File Manager renders in Large Icons view. The example below demonstrates the default Large Icons view.

Customize Large Icons view

The large icons view layout can be customized using the largeIconsTemplate property, which allows you to display file or folder information, apply custom formatting, and use conditional rendering based on item type. You can customize it further based on your application requirements.

Details view

Details view is an injectable module in the File Manager control, so it should be injected before rendering the File Manager control to avail its functionality. The default appearance of the File Manager control can be changed from large icons to the details view by using the view property. The following example demonstrates the File Manager control with the details view.