Skip to main content
System StatusContact Support Agility Community

Managing Canvas Images


Learn how to add and update Canvas images.

This tutorial assumes Canvas is up and running on localhost. Replace localhost with the appropriate hostname in your environment.

Log in to Continuum, and select Canvas - > Canvas Editor from the upper-right menu.

When working with most Canvas resources, the editor is usually in "text editor" mode. However, when you select an image in the resource browser, the editor changes to "image manager" mode.

Referencing Images

Images are stored in the Canvas repository, and are easily accessed using a unique URL.


For example, if you put an image in the examples Project and the icons Component, and named it smiley.png:


To reference an image in a Layout, use a standard html image tag.

<img src="images/examples/icons/smiley.png" />

Adding an Image

To add a new image to the repository:

  1. Click the New Item button, or the + beside a Project or Component

  2. Enter a name for the image

  3. Be sure to give the image a proper extension. (.png, .gif, .jpg, .jpeg, .tif or .svg)

  4. Click Save.

The new image will be added to the resource browser, and the editor will change to the image manager.

  1. Click the Choose File button and select an image.

  2. The image will appear in the manager.

  3. Click Save.

Changing an Image

To change the details of an image in the repository:

  1. Select the image in the resource browser.

  2. Click the Choose File button, and select the desired new image.

  3. The image will appear in the manager.

  4. Click Save.