The Alliance for Networking Visual Culture

Adding media and annotations in Scalar just got a lot easier.


If you’ve been authoring in Scalar lately you’ve no doubt noticed a small but significant change in the text editor. The two buttons once used to insert annotations are now gone (Fig. 1). That’s because we’ve streamlined the workflow for inserting media and annotations, and in the process, integrated new functionality that allows users to reformat existing media.

Figure 1. The updated toolbar in Scalar’s text editor. We’ve eliminated the two “paperclip” annotation buttons on the left. To insert an annotation in the new toolbar, click on one of the media buttons featuring a play icon, select the annotated media, and then pick which annotations you want to display in the media formatting options.

Inserting annotations

In the old toolbar one would insert an annotation by clicking on one of the “paperclip” annotation buttons and then selecting an annotation from all of the annotations in your project. In the new system, we’ve folded annotations into the overall display options for media. So now, one simply clicks on a media button, chooses the media to display and then, selects which of its annotations (if any) to show (Fig. 2).

Figure 2. Scalar’s new media formatting options.

The eye icons allow you to toggle the visibility of each individual annotation, while the eye icon at the top of the menu, next to “Annotation Title,” toggles the display of all annotations in the list. Once you’ve selected to display at least one annotation, you’ll also be given the option to choose a specific “Featured annotation” to be highlighted once the page loads.

This new system offers much greater flexibility, allowing users to choose which, annotations, if any, they’d like to display. Want to insert a “clean” version of an image that has been annotated multiple times? Simply insert the image and select to display no annotations. Want to insert the same image twice, calling out different annotations each time? Simply insert the image and select your first set of annotations, then insert it again, selecting a different set.

Let’s use an example. You have an image for which you’ve created four separate annotations–that is, you’ve previously annotated that image by drawing out four separate areas to which you’d like to call your readers’ attention. You’d like to discuss two of those annotations in one paragraph (for example, two areas of a historical map) and the other two in a following paragraph (two other areas of the same map). Simply add the media object to the first paragraph by selecting the relevant text and clicking the first media button; after choosing the size, alignment and caption for the media, select the two annotations you’d like to discuss and then select whether you’d also like either one of those annotations to be featured–to be highlighted when the page loads. Then do the same on the next paragraph, this time choosing the other two annotations.

Reformatting media

Figure 3. Click the gear icon to reformat existing media.

We’ve also implemented a new option for reformatting existing media. Now, to change the size, alignment, caption, and annotation display options for media that’s already been added to a page, simply click on the hyperlink for linked media in the text editor and select the gear icon that pops up over the thumbnail of the media (Fig. 3), or, for inline media, click on the grey box for the media object and then select the gear icon that pops up over its thumbnail. Then simply change any settings in the media formatting options.

Removing media

It’s now easier to remove existing media as well, just by clicking the red “X” button that appears over the thumbnail when you click on a media link (Fig. 3). Before, you had to select the link in its entirety and click the “X” button in the toolbar to remove it.

Changing media

Finally, the new system also allows users to change the media associated with a given link. In other words, say you linked a particular image to a block of text but then realized you have another image that better illustrates your point. Simply follow the steps above to reformat existing media, but instead of changing the formatting options, click on “Change Selected Media” at the top and select the new image (Fig. 2).

We think you’ll find that these new changes improve and streamline your Scalar authoring—if you have any questions or feedback, please get in touch!

Leave a Comment

Your email address will not be published. Required fields are marked *

The Alliance for Networking Visual Culture

The Alliance for Networking Visual Culture was created with the generous support of the Andrew W. Mellon Foundation.