How to get here
Click Document Hub in the left-hand menu.
You are now on the Document hub Grid View screen.
1. View your documents and folders
The grid adapts automatically to your screen size: 1 card per row on phone, 2 on small tablet, 3 on laptop, and 4 on large screen. At the top you will see the heading "Documents" with the total number of files (for example "12 files").
2. Collapse or expand the document panel
To the right of the "Documents" heading there is a collapse button (an arrow icon). Click it to hide all items. Click again to show them. Useful when you have a lot of content and want to temporarily tidy up the view.
3. Browse folders
Folders appear as cards with a folder icon and the number of documents inside (for example "5 documents"). Click a folder card to navigate into it — the URL updates to include the folder path.
4. Open a file
Files are shown with a file type icon, the file name, the date of last change, and avatar circles for the people the file is shared with. Click a file card to open it in the file edit screen. In the top right corner of each file card there is a three-dot menu (⋮) with additional options.
5. Use the file context menu
Click the three-dot icon (⋮) on a file card to open a context menu with two options:
Edit
Opens the file in the editor so you can make changes.
Delete
Opens a confirmation dialog. Click the red Delete button to confirm, or close the dialog to cancel.
6. Select multiple items
Click an item to select it — selected items are highlighted with a white background and a shadow. When at least one item is selected, a floating action bar appears in the bottom right corner with a select-all checkbox and the number of selected items.
7. Use bulk actions
With items selected, the action bar has two buttons:
Delete (red button)
Opens a confirmation dialog to delete all selected items at once.
View (blue button)
Opens a share/view panel for the selected items.
8. Delete items
You can delete a single item via the three-dot menu, or delete multiple items using the bulk Delete button. A confirmation dialog is always shown before anything is deleted. Click the red Delete button to confirm, or close the dialog to cancel.
