Managing Resources Using the Content Browser

Scrivito’s Content Browser lets you access and manage the resources that have been uploaded to or created using the CMS:

In the main area of the Content Browser, a thumbnail image or an icon as well as the name are displayed for every resource. A resource can be selected for insertion, deletion, or modification simply by clicking its thumbnail.

Stand-alone vs. selection mode

The Content Browser can be opened either in stand-alone mode using the folder button on the Scrivito panel, or from within a page by clicking an image, an empty image drop zone, or some other resource on a page. In stand-alone mode, you can use the Content Browser for content maintenance purposes, i.e. for deleting old resources, adding new ones, and modifying their data. In this mode, a switch, “multi-select”, is available at the top for selecting several images using checkboxes and deleting them in one go.

When opened from within a page, the main purpose of the Content Browser is to replace the clicked resource with a different one, but, of course, you can add, delete, or modify content in selection mode, too. If the widget clicked already contained a resource, it is preselected in the Content Browser.

Selecting and modifying resources

Clicking a thumbnail in the Content Browser’s main area causes the resource to be selected and its details view to be displayed on the right hand side of the Content Browser window.

For resources containing metadata, e.g. the titles of web pages, image dimensions, etc., a corresponding tab allowing you to edit the data is available at the top of the details view.

By the way, the small “<” arrow on the left border in the middle of the details view is for maximizing this view for editing the data more comfortably.

Binary resources like images but also PDF files, etc., can be downloaded or replaced using the small toolbar overlaying the thumbnail at the bottom right.

With images, this toolbar includes a pen icon you can click to adjust the look of images according to your needs or taste. Add effects to them, rotate, mirror or crop them, make them brighter, etc., using the image editor built into Scrivito:

All image editing functions are accessible from the toolbar underneath the image. After selecting a tool, its variation options become visible, e.g. the rotation directions of the rotation tool, or a slider for specifying the strengh of an effect.

Applying tag filters

Especially with large amounts of resources, the Content Browser's ability to filter them according to selected tags can be handy. For tag filtering to be available, at least one tag must have been assigned to at least one item in the list.

A CMS object matches a tag-based search if at least all of the selected tags have been assigned to it.

You can assign tags to individual CMS objects. In editing mode, after selecting the item in the main view of the Content Browser, the tag editor appears in the details view to the right (you might need to scroll down a bit to see it).

After clicking the input field, enter the tags you wish to assign to the CMS object. As you type, auto-completion will suggest existing tags starting with the characters you entered.

Make sure to separate two tags by hitting the tab or enter key. To delete a tag, click the small gray × icon or hit the backspace key.

Adding files and getting an overview

You can add files to the CMS either by clicking the “Browse files to upload” button at the bottom, or by dragging them from your desktop or your file system browser to the main section of the Content Browser and dropping them there.

As an alternative to the thumbnail view, the Content Browser offers a list view, which is particularly useful if your resources are properly named and you would like to know or compare their types or sizes: