Working with Assets

Assets are binary files, typically images, videos, etc. which can be uploaded directly by Authors from the site navigation tree to Crafter CMS.

Note

Crafter CMS supports the following characters in file and folder names:

Alphanumeric, ,_,-,(,)

as a regex:

[a-zA-Z0-9-_  ()]+

It’s important to point out that Crafter Studio enforces this regex in its UI. However, if you’re working outside of Studio (in your IDE, for example) and you violate these rules, problems may arise downstream, so it’s best to stick the allowed characters.

Adding Assets

To upload a file (images, videos, etc.), in the Site Content Panel click on Static Assets, then click again on the folder named static-assets. This will show you a list of folders containing assets already uploaded, such as images, fonts, etc.

Creating a folder

If the file you are uploading does not belong in any of the existing folders, you can just create another folder to upload your file to by doing the following:

Click on the three dots next to the folder static-assets, then select Create Folder

Static Assets - Create a Folder

Enter a name for the new folder then click on the Create button.

Static Assets - Create Folder Dialog

Adding a file

To add a file, from the folder static-assets, navigate to the folder you want to add the files to, then click on the three dots next to the folder and select Upload

Static Assets - Upload a File

The upload dialog will come up and if you have multiple files to upload, you can drag and drop or browse for files that you want to upload.

Static Assets - Bulk Upload File Dialog

Click on the X to close the bulk upload dialog or click on the “Browse” button if you want to add more files

Static Assets - Bulk Upload Done Dialog

Removing Assets

To delete an asset, navigate to the asset you want to delete in the site navigation tree. Click on the three dots next to the asset, then select Delete

Static Assets - Delete

After clicking on delete, it will prompt you if you want to delete the listed files. Click on the Delete button if you want to delete the listed files, or click on Cancel if you don’t want to delete the asset.

Static Assets - Delete Confirmation Dialog

After clicking on the Delete button, a snackbar at the top right of your browser will appear to inform you that the item/asset has been pushed for delete.

Static Assets - Delete Action Information Dialog

Asset Versioning

All changes to static assets are tracked and can be reverted to an older version. For static assets, like images, videos, etc., to access the History dialog, select the static asset that you want to view the history of from the site navigation tree, under the folder Static Assets, then click on the History menu of the context navigation menu at the top of your browser or, click on the three dots next to the asset you want to view then select History

Static Assets - Open History

Notice that for assets, you can only revert to the version selected.

Static Assets - History Dialog