File Manager Toolbar Reference¶
Summary¶
Use this page when you need a control-by-control reference for the modern File Manager toolbar.
This page documents each button currently shown in the modern SkyCMS File Manager toolbar, including the icon used for each button.
Scope and source of truth¶
- Toolbar layout source:
SkyCMS/Editor/Views/Shared/FileExplorer/IndexModern.cshtml - Connector command source:
SkyCMS/Editor/Controllers/ElFinderConnectorController.cs - Icon mapping source:
SkyCMS/Editor/wwwroot/lib/elfinder/css/theme-bootstrap-libreicons-svg.css
The list below reflects the modern toolbar order configured in SkyCMS today.
Toolbar button legend¶
- Type:
Buttonexecutes immediately,Togglecycles a mode,Panelopens interactive UI. - Server call:
Yesmeans the action typically triggers a connector request.Nomeans it is client-side UI behavior.
Modern toolbar buttons¶
| Order | Button | Icon | Type | What it does | Server call |
|---|---|---|---|---|---|
| 1 | Back | Button | Moves to previous navigation location in File Manager history. | No | |
| 2 | Forward | Button | Moves to next navigation location after using Back. | No | |
| 3 | Reload | Button | Refreshes the current folder listing and state. | Yes (open) |
|
| 4 | Home | Button | Jumps to the root File Manager folder for the active volume. | Yes (open) |
|
| 5 | Up | Button | Navigates to the parent folder of the current folder. | Yes (open) |
|
| 6 | New Folder (mkdir) |
Button | Creates a new folder in the current location. | Yes (mkdir) |
|
| 7 | New File (mkfile) |
Button | Creates a new blank text/code file in the current location. | Yes (mkfile) |
|
| 8 | Open | Button | Opens selected folder or file using default action. | Yes (open/file) |
|
| 9 | Download | Button | Downloads selected file(s). | Yes (file) |
|
| 10 | Info | Panel | Shows metadata and properties for selected item(s). | Yes (info) |
|
| 11 | Quick Look | Panel | Opens preview mode for supported file types. | Mostly No | |
| 12 | Copy | Button | Copies selected items to clipboard-like buffer. | No (until paste) | |
| 13 | Cut | Button | Marks selected items to be moved on paste. | No (until paste) | |
| 14 | Paste | Button | Pastes copied/cut items into current folder (copy or move). | Yes (paste) |
|
| 15 | Delete (rm) |
Button | Deletes selected files or folders after confirmation. | Yes (rm) |
|
| 16 | Rename | Button | Renames selected file or folder. | Yes (rename) |
|
| 17 | Search | Panel | Filters visible items by search query. | Can call (search) |
|
| 18 | View | Toggle | Switches between icon/grid and list display layouts. | No | |
| 19 | Sort | Panel | Changes sort field and direction in current view. | No |
Alternate icon in view toggle¶
When list view is active, the toolbar can show the list icon variant:
Upload controls in modern File Manager¶
SkyCMS uses a hybrid upload model:
- elFinder toolbar upload command is intentionally removed in the modern view.
- A dedicated Upload Files button is rendered above the toolbar.
- External drag and drop into the file manager area is intercepted and sent to FilePond.
- Uploads are targeted to the folder currently open in the file manager.
| Control | Icon | What it does |
|---|---|---|
| Upload Files | Opens the system file picker via FilePond and uploads to current folder. | |
| Drag and drop upload | Same upload flow | Dropping local files on the manager area starts FilePond upload for current folder. |
Notes¶
- Some buttons are disabled when no item is selected or when current permissions do not allow the action.
- Reviewer role is read-only and may see disabled create/edit/delete controls.
- In integration modes (for example image picker), available actions can be filtered.
Verification¶
Use this reference successfully when you can match a visible toolbar control to its expected action and determine whether it changes only the client UI or also calls the file connector.