Skip to main content

WCMS

Editing an Image

It is now possible to edit images that you have uploaded to Cascade. As long as you only need to do basic image manipulations, you will be able to use Cascade instead of purchasing specialized image-editing software, like Photoshop.

The Cascade image editor is able to do the following basic image manipulations:

  • Resize
  • Rotate
  • Flip
  • Crop
  • Undo/Redo

Remember that the System Name of your image file must have the correct file extension. Some file name extensions used by images are .jpg, .jpeg, .gif, .png, or .bmp.

Editing an Image in Cascade

To edit an image that is already in Cascade, use the following instructions. If you need to upload a new image, see the instruction on the "Adding an Image" page.

  1. Select the image
  2. Click the Edit tab
  3. Manipulate the image using the image editor
  4. Click the Submit button to save your changes

The Image Editor

The image editor has a toolbar with icons for all of the basic image manipulations, as shown in the screen shot below. For standard image sizes see our web style guide.

Screen shot

Resizing

The width and height fields show the current dimensions of the image in pixels. To resize, enter a new value in either field and then click the Apply Resize check mark just to the right of the height field. By default, the aspect ratio of the image will be preserved, so that the image will not be distorted. However, if you need to stretch the image, you can click the link icon in between the width and height fields so that the aspect ratio will not be preserved.

Cropping

To crop, drag your mouse across the image to select the part of the image that you want to keep. If you hold down the Shift key when you drag, the aspect ratio will be preserved. After selecting the cropping area, you can modify it by dragging the handles at the corners or edges of the area boundaries, and you can move the cropping area around by dragging it with the mouse. When you are satisfied with your cropping selection, click the cropping icon in the toolbar.

Screen shot