Working with Resources

The Content Browser (there is an overview for developers, too) lets you access and manage the resources that have been uploaded to the CMS:

There is a search function available for filtering the resources by the search terms entered. Also, predefined filters for narrowing down the choice can be made available by website developers.

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.

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.

If tag support has been enabled for your content, 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.

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.

Selecting and modifying resources

Clicking a thumbnail 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 meta data, e.g. the titles of web pages, image dimensions, etc., a form for editing this data is displayed. Click the small “<” arrow located on the left border of the details view to maximize this view for editing the data more comfortably.

You can adjust the look of images according to your needs or taste. Add  effects to them, rotate, mirror or crop them, make them brighter, etc. To edit an image, click the pen button at the top right corner of the image displayed in the details view. This opens 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.

Adding files and getting an overview

You can add files to the CMS 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:

You do not need to use the Content Browser to upload an image you would like to be displayed by an image widget. Simply drag and drop the image from your desktop or file system browser to the widget.