Skip to main content

Document Hub – Grid View

This is where you see all your documents and folders in a responsive grid. You can navigate folders, open and edit files, select multiple items, and delete them individually or in bulk.

Written by Ronny Christensen

How to get here

  1. Click Document Hub in the left-hand menu.

  2. 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.

Did this answer your question?