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?
- Navigate to and open the desired page.
- Add a component.
- Right-click and select Edit or double-click on the image icon to open the component edit window.
- 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.
- 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.
- Click the OK button to finish and to verify that the image has been added to the page.
- 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.
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.
- 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.
- 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."
- 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.)
- global (by location)
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:
- Navigate to and open the desired page that contains the existing image you wish to delete.
- Open the image component by right-clicking and selecting edit or double-clicking the component.
- Click on the Image tab.
- 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.
- Click OK to save your changes.
To delete an image from the Image component click the Clear button in the bottom toolbar.