Page tree
Skip to end of metadata
Go to start of metadata

This page assumes you have already uploaded an image into Cascade. If you have not, please follow the advanced image insertion instructions, or follow the file upload instructions.

To insert an image using the 'Insert Image' window,

  1. Place your cursor at the point where you want to insert the image.
  2. Click the 'Insert Image' icon in the toolbar. The 'Insert Image' window will open (see screenshot #1).
  3. Click the 'File Asset' icon to open a Cascade asset browser window (see screenshot #2).
  4. Navigate to and click the image you want to insert.
  5. Click the 'Confirm' button in the right-hand panel.
  6. Enter the 'Alternate Text' for the link. This will provide an additional description about the image.
  7. If you want to control the placement of the image on the page, select a value from the 'Alignment' dropdown list.
  8. Click the 'Insert'.

Screenshot 1: Inserting an internal image

Screenshot 2: Asset browser window

Inserting an image from Outside Cascade

Follow the instructions above, click the 'External' tab and enter the URL of the image in the 'Image' field.

Screenshot: Inserting an external image

Updating an Inserted Image

Follow the instructions above to insert an image, this will allow you to update the selected image.

To resize an inserted image in the WYSIWYG editor,

  1. Click the image you want to resize.
  2. Left-click and drag the appropriate square, white handle along the edges of the image.

To resize an inserted image using the 'Insert/Edit Image' window

  1. Click the image you want to resize.
  2. Click the 'Insert/Edit Image' icon in the toolbar.
  3. Change the Width/Height values.
    • These values are in pixels.
    • Leaving one field blank will scale the image proportionally using the filled in field.

This does not reduce the file-size or dimensions of the image, this only tells the browser to render the image to a smaller size on the page.

To remove an inserted image,

  1. Click the image you want to remove from your page.
  2. Press the 'Backspace or Delete' key on the keyboard.

This does not remove the image from Cascade, this will remove the image from within the page's content.

Common Image Dimensions

The following image dimensions are based on page type.

2 & 3 Column

  • Large Image: 550px × 250px
  • Navigation Column content block image: 220px × ...

2 Column Only

  • Main content block image: 530px × ...

3 Column Only

  • Main content block image: 310px × ...
  • Right Column content block image: 210px × ...

Special Pages

  • Faculty/Staff Profile Images: 150px x ... (make the image square for best results)

Note: Dimensions are in pixels and formatted by Width x Height.

Related Topics

Take me back to Cascade User's Guide