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-driven 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. Double-click on the image icon and an edit window will open with the following options:

  • 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.

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.

4. Drag and drop an image from the Asset Finder (on the left-hand side) into the component area.

Note: By default the Asset Finder 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.

5. Double-click on the image and you can edit the basic information about the image; in the Advanced tab, specify a title (if applicable), alternative text (required), a description, the column size width, and the image alignment.

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 end-user's perspective.

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 in the Asset Finder.

  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: Image Component

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 this component, please contact the IT Service Desk:


Required Fields

Alignment in the Image Component is used in conjunction with the Rich Text Component for text wrapping. For this functionality, choose Left or Right alignment.

Image Component

Drag and drop an image from the Asset Finder into the Image component under the Image tab.

Image Known Bugs

No known bugs at this time.

Updated January 2013

NYU Footer