How to Upload an Image

Owned by Melissa Chavira
Last updated: May 31, 2023
3 min read

Uploading an image to Cascade CMS is done through the Common Asset Factory, using the red plus sign for adding content.

Instructions

  1. In the Site Content tree on the left, click on the images folder.

  2. Look for a red plus sign in the topmost header area of the page, and click on Add Content.

  3. Inside the Add Content menu, select Upload a File.

  4. Drag and drop an image from somewhere on your computer into the browser window, or choose one from your computer. The File Name will automatically populate with the file name previously given to the image. There are minimal photo editing options available that you can use to resize or crop your image. See Upload Image WYSIWYG Editor for more information.

  5. Click Preview Draft. After previewing the draft, click Submit to save the image to the CMS.

  6. The image has been successfully saved to the CMS. You should now Publish your image.

     

  7. Select Publish.

    1. If your site has been assigned a live or test URL, all publishing destinations have been set for you and you can click Publish from the Publish File menu to confirm.

    2. If your site has not been assigned a live or test URL, you will not be able to publish your image and will see the following message. The image will still be available to build pages.

Images uploaded to the CMS can be inserted into a page via a WYSIWYG editor by clicking on the Insert/edit Image button regardless of publish status.

Upload Image WYSIWYG Editor

When uploading an image, there are minimal photo editing options available that you can use to resize or crop your image. It is important to pay attention to image size. Resizing your image is critically important for load time of your page. By resizing the resolution of your images, a browser can load the image much faster, minimizing wasted time loading an unnecessarily large image.

The image editor options appear above the image after uploading to Cascade CMS. It includes:

  1. Undo/Redo: You can undo or redo edits you have made.

  2. Rotate: Rotate the image using the clockwise and counterclockwise icons.

  3. Flip: Create a mirror-reversal of the image on the horizontal or vertical axis.

  4. Crop: When you drag your mouse over the image, you can create a crop square. Use the crop icon to save your selection.

  5. Maintain Aspect Ratio: You can enter a new width and height of the image. The lock icon will ensure you maintain the images aspect ratio so it does not appear stretched when you resize the image.

  6. Save or Dismiss: Save the changes you made using the checkmark icon, use the x icon to dismiss your edits.

 Related articles