The File Browser

Last modified: November 5th, 2024

The File browser allows you to view all the folder and files in your Site using the same structure as your Git repository. The File browser is not filtered by your Source folder, and will show every file in your Git repository, including files for other Sites nested in the same respository.

The File browser is similar to a Collection browser but with fewer restrictions. For this reason, team members must be given permission to access the File browser, either by being a member of the Technical Editor default Permission Group or higher, or using the site:source-editor:read permission in a Custom Permission Group.

You can access the File browser in CloudCannon by clicking Files in your Site Navigation under the Developer heading.

A screenshot of the Site Navigation shows links to the Status, Files, and Site Settings pages.

The File browser shows you all the folders and files in your Site, with each file represented by a Card. These file Cards will show:

  • The filename.
  • An icon based on the file extension.
  • Some metadata associated with that file (e.g., date created, last updated, and file size).
  • A preview, if the file is an image.
A screenshot of the File browser shows several Site files, sort and view dropdowns, the file filter, and the + Add button.

Unlike the Collection browser, you cannot configure the appearance of file Cards in the File browser.

The Sort dropdown, the View dropdown, and the File filter search bar are at the top of the File browser. These tools allow you to customize the order in which your files appear, switch between List, Card, or Gallery view, and search for specific files.

The File also has an + Add button at the top right to add and upload files and subfolders to your Site. You can access additional file actions by opening the Context Menu at the top right of any folder or file card.

A screenshot of the File browser shows the Context Menu open for a folder with several file actions.

Clicking on a file will open it in CloudCannon's Source Editor by default. From your File browser, your team members can add files, edit files, and delete files.

As you make changes to your files, CloudCannon will help you keep track of those changes by adding a New, Edited, or Deleted File Badge to your file Cards. When you save your changes, CloudCannon will update your Git repository and remove the File Badges.

Open in a new tab