Images

1. Upload an Image to a Page
2. Video: How to Add an Image to a Page
3. Add a Caption or Alt text to an Image
4. Embed Image into Text Block
5. Resize an Image
6. Fixing a Rotated Image

Upload an Image to a Page

1. Click on the title/tab of the page you want to edit.
2. Click the Edit icon (pencil) at the top right of the page to enter editing mode.
3. Click and hold down the red plus button to drag a new content block to your page.
   
4. Click Image.
5. Click on the checkbox to the left of the file agreement statement. This is the file upload agreement and needs to be checked in order for the ‘Choose Files’ button to be clickable.
   

7. Click ‘Choose files’ to upload an image from your computer.

8. Browse your computer for the file you would like to upload. Click Open.

Note. If you would like to create an image gallery, upload multiple images and then under Multi-image presentation, select Slideshow or Thumbnails. 

9. Scroll down, click Save.

Video: How to Add an Image to a Page

Add a Caption or Alt text to an Image

Note: You must add an image to cuPortfolio before you can add a caption or alternative text. Captions are text that will appear underneath the image. Alternative text is the text that will be read by screen readers or that will appear if the image does not load.

1. Click on the Edit icon (pencil) in the image block to edit the block.
   
2. Click on the Edit icon (pencil) in line with the image you want to add a description to.
   
3. Add a caption and/or alt text. Note that there is a toggle to make the image decorative and one to use the alt text as image caption.
4. Click Save changes.
5. Click the toggle for Show caption to change it from ‘No’ to ‘Yes’.
6. Click Save.

Embed Image into Text Block

The simplest way of adding an image to a page on cuPortfolio is to use the Image block. The instructions below show you how to embed an image within a text field on cuPortfolio.

1.  Click on the title/tab of the page you want to edit.
2. Click on Edit icon (pencil) at the top right of the page to enter editing mode.
3. Click and hold the red plus button to add a text box to your page.
   
4. Click Text.
5. Click the Insert/edit image button in the text editor.
   
6. Click on the checkbox to the left of the file agreement statement. This is the file upload agreement and needs to be checked in order for the ‘Choose Files’ button to be clickable.
   
   
7. Browse your computer for the file you would like to upload. Click Open.
8. Click Submit.
9. You can resize the image by pulling the arrow in the bottom right corner of the block.

Resize an Image

To resize an image, click and drag the arrow in the bottom right corner of the image. View how to edit page layout for more details.

Fixing a Rotated Image

To fix an image that has rotated after you’ve uploaded it, complete the following steps:

1. Re-open the image block by clicking on the Edit icon (pencil).
2. Scroll down to the list of images below the file upload area and click on the Edit icon (pencil) to edit your image which has rotated.
3. A few editing options will appear and you will see the rotate icon to the right of the image preview. Click it until your image is upright.
4. Click Save changes.
5. Click Save.
   

Was this page helpful?

Posted in Add a Description to an Image, Add an Image Gallery, Add/Remove Image Comments, Embed Image into Text Block, Fixing a Rotated Image, Images, Resize an Image, Upload an Image to a Page Share: Twitter, Facebook
Short URL: https://carleton.ca/cuportfoliosupport/help/?p=176