New York University Skip to Content Skip to Search Skip to Navigation Skip to Sub Navigation


The Image component allows users to place images within the context of a page. Images are often worked into other components, but this component is used to place a stand-alone image within a page.

When to use it?

The image component is the primary tool to add images to your pages. Images may be used to break up text content to add visual interest to the page.

Where to use it?

The image component may be used in any column container in any position on a CMS page. Images should be appropriate to the page topic.

How to use it?

  1. Navigate to and open the desired page.
  2. Add a component.
  3. Right-click and select Edit or double-click on the image icon to open the component edit window.
  4. Edit the basic information about the image; in the Advanced tab you can specify a title, alternative text (required), a description, and the column width.
  5. In the Image tab, drag and drop and image from the Asset Tray (on the left-hand side) into the "Drop an Image" field.
    Note: By default the Asset Tray will display the last 30 images uploaded to your department's DAM folder. To find a specific image, use the search bar to locate files by name and/or tag or browse the DAM.
  6. Click the OK button to finish and to verify that the image has been added to the page.
  7. Click the magnifying glass icon in the Sidekick to open the page in Preview mode to ensure that all additions are as expected from the site viewer's perspective.

Note: Images must first be added to the Digital Asset Management (DAM) system and activated to be used. Learn how to add content to the DAM.

  • Title - Include a title with your image.
  • Alt Text - Specify text that is to be rendered when the image to which it is applied cannot be rendered.
  • Description - Add descriptive text about the chosen image, including captions and photo credits.
  • Link - Hyperlink the image to a related webpage.
  • Width - Choose the column width for the image from a dropdown menu.
  • Alignment - Choose the alignment for the image.

  • Uses Images Path Checkbox - Check this box if the image will be drawn from a directory of multiple images that will rotate when the page is refreshed. See our tutorial on creating a rotating image sequence for more information.
  • Images Path - Select directory from which images will be pulled.

  • Map - Link the image by creating an image map.
  • Crop - Crop the image.
  • Rotate - Rotate the image clockwise or counterclockwise.
  • Clear - Remove image from component.

Locate an Image in the DAM

With so many assets in the DAM, finding a specific image can be difficult. You can locate images by navigating through their path within the Asset Tray.

  1. Click on the browse icon, which is the last icon located along the top row of icons in the Asset Tray, and then select Digital Assets.
  2. Search through your department's own DAM folder by selecting the folder labeled "nyu" or search through the available stock images available for all users by selecting "shared."
  3. As you continue to navigate, the Asset Tray will update the displayed results.
    Note: If instead of digital assets a message appears reading "No content items to display" while navigating through the DAM folder at a high level (e.g. your department name), continue navigating to a more specific folder as most likely that is where content is located.

Look for University Stock Images

All CMS users have access to the Shared DAM folder, where University images are licensed for web use only. Search in the asset finder to the left by the following tags:

  • athletics (or by sport type ex. basketball, soccer, etc.)
  • students
  • activities
  • global (by location)
  • faculty
  • nyuBuildings
  • nyc
  • stock

Delete an Image from an Image Component

When speaking about deleting an image, an author could be discussing one of two things: first, removing an image component from the page and second, removing a specific image from a specific image component.

If you're looking to remove an image from a specific component, do the following:

  1. Navigate to and open the desired page that contains the existing image you wish to delete.
  2. Open the image component by right-clicking and selecting edit or double-clicking the component.
  3. Click on the Image tab.
  4. Click the Clear button. This will erase the image, but keep the component in its current location ready to be filled with other images. If you leave the component empty, however, it will leave blank space on your published page.
  5. Click OK to save your changes.

Clear Image Example

Component Tutorial: Clearing an image from the component

To delete an image from the Image component click the Clear button in the bottom toolbar.

To delete an image from the Image component click the Clear button in the bottom toolbar.

Component Tutorials

Still need help?

To report an issue with using components, please contact the IT Service Desk:


Image Component: Advanced tab

Optional and required fields within the Advanced tab.


Example of an Image Component


Image Known Bugs

No known bugs at this time.

Updated December 2015

NYU Footer