Skip to content

Commit 42849e3

Browse files
FileManager: Add Overview (#7601)
1 parent a2bb7b6 commit 42849e3

6 files changed

Lines changed: 45 additions & 0 deletions

File tree

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
DevExtreme FileManager is an interactive component that allows users to view and manage files and directories. The component supports editing, deleting, and uploading operations.
2+
3+
This overview highlights FileManager elements, key features, and what to explore next.
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<img src="/images/FileManager/filemanager-elements.png" alt="FileManager elements"/>
2+
3+
1. [Toolbar](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/toolbar/)
4+
2. [Root Folder](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/#rootFolderName)
5+
3. **Child Folder**
6+
4. **Item View Header**
7+
5. [Item View Column Headers](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/itemView/details/columns/)
8+
6. [Items](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/itemView/)
Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
- **File System Support**
2+
The DevExtreme FileManager supports [in-memory](/Documentation/ApiReference/UI_Components/dxFileManager/File_System_Providers/Object/) (JSON), [remote](/Documentation/ApiReference/UI_Components/dxFileManager/File_System_Providers/Remote/), and [custom](/Documentation/ApiReference/UI_Components/dxFileManager/File_System_Providers/Custom/) file system provider types.
3+
4+
- **Cloud Service Integration**
5+
You can implement the custom file system provider type to connect FileManager to a cloud service provider (for instance, [Amazon S3](/Documentation/Guide/Common/Integration_Guides/Manage_Amazon_S3_Storage_with_DevExtreme_Components/#FileManager) or [Azure Blob](/Documentation/Guide/Common/Integration_Guides/Manage_Azure_Blob_Storage_with_DevExtreme_Components/#FileManager)).
6+
7+
- **Detail and Thumbnail Views**
8+
FileManager supports two file representation modes: "Thumbnails" and "Details". "Thumbnails" displays only thumbnails, while "Details" includes [additional information](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/itemView/details/). Users can switch between the two options in the FileManager [toolbar](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/toolbar/).
9+
10+
- **Configurarble Permissions**
11+
DevExtreme FileManager allows you to configure [permissions](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/permissions/) to manage user access to files. You can enable/disable operations such as file upload/download, creation, and deletion.
12+
13+
- **File Uploading**
14+
You can configure upload options such as [maximum file size](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/upload/#maxFileSize) and [chunk uploading](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/upload/#chunkSize). Users can upload files through drag and drop operations or in the component toolbar.
15+
16+
- **Adaptability**
17+
DevExtreme FileManager fits screens of all sizes and ships with right-to-left ([RTL](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/#rtlEnabled)) representation support.
18+
19+
- **Customization**
20+
FileManager allows you to customize visual elements such as [file thumbnails](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/#customizeThumbnail) and toolbar [items](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/toolbar/items/).
21+
22+
- **Data Selection**
23+
FileManager supports single and multiple [selection modes](/Documentation/ApiReference/UI_Components/dxFileManager/Configuration/#selectionMode). The following image demonstrates available FileManager item states:
24+
<img src="/images/FileManager/filemanager-item-states.png" alt="FileManager item states"/>
25+
1. **Selected Item**
26+
2. **Selected and Focused**
27+
3. **Hover State**
28+
4. **Default State**
29+
5. **Focused Item**
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
- [Getting Started with FileManager](/Documentation/Guide/UI_Components/FileManager/Getting_Started_with_File_Manager/)
2+
3+
- [API](/Documentation/ApiReference/UI_Components/dxFileManager/)
4+
5+
- [Demos](https://js.devexpress.com/Demos/WidgetsGallery/Demo/FileManager/Overview/)
156 KB
Loading
40.1 KB
Loading

0 commit comments

Comments
 (0)