The University of Arizona

Images and Files

To align images within text you will no longer use the Styles Dropdown Image Left and Image Right.  You must start using the old Image Alignment in the Images Properties window.

Furthermore, you now have 4 image size options when inserting uploaded images via the Images field.  Now when you insert an image, you will see a Style dropdown next to the image insert button.  The 4 styles are:

  • Large Image (size: 1200 used for full with pages without side menus/columns)
  • Medium Image (size: 600px wide)
  • Small Image (size: 400px wide)
  • Very Small Image (size: 200px wide)

How to insert images and files into your page (old method).

Images

You need to upload either an image using the Image Field.

Once you have uploaded those files you can insert them into the body of the event description.

For images, place the cursor where you want the image to appear. 

Scroll down to the Image Field and you will see a Styles dropdown menu and and Insert button.  Select the image size you want the image to display and then click Insert.

  • Large Image (size: 1200 used for full with pages without side menus/columns)
  • Medium Image (size: 600px wide)
  • Small Image (size: 400px wide)
  • Very Small Image (size: 200px wide)

Your image will appear in the Body field.

You may want to 'float' the image to the right or left side of the display and have the text wrap around the image. To do that, just highlight the image by clicking on JUST the image that you placed into the body. Use the Image Properties window to Align the image to the left or right.

Files

You will need to upload a file via the Files field as a first step.

For Files, place the cursor where you want the file to appear or highlight the text that you want to link to the file. 

Scroll down to the File Field and click Insert. Be Sure that you have the Description field filled out if you want that text to appear as a link.

Your file will now be linked in the Event Description.

Captions

Some sites have the option to add captions to photos.  If your site has that option, follow these instrucitons to add your image and caption,

  1. Upload your image in the Images Field as usual.
  2. Add some text to the Title field within the Image Field
  3. Place your curser where you want the image to appear in your story
  4. Click the INSERT button.
  5. With your image placed in your story, double click the image (or select the image and click the Image button in the text editor.  The Image Properties window comes up.
  6. Sent your Image Alignment to either Left or Right.
  7. Click the Advanced Tab
  8. In the Stylesheet Classes field type in caption (all lower case).
  9. In the Advisory Title field, add your caption. 
  10. Click OK
  11. Save your page

You should now see your caption beneath your image that is either floated to the right or left within the text.