Image List Features

Here are the features of the Image List component in Sitecore V3.   Below is the basic layout layout (see image below):

Image RemovedImage Added

a. Image List Settings EditorGear Icon: Opens settings options 

b. Image List Headline (see image below):
Image Removed
c. Image List Image Size
The setting of the : Adding a Headline is optional 

c. Image Size: An image can be changed from landscape to portrait using this function (see image below).

d. Save Settingse. Image/Link Editor

Save: Select Save if you have made any changes to these settings

e. Edit Icons: The pencil icon opens the editor and the X icon deletes the content 

f. Plus Icon: Adds a list row 

Image Grid Features

Here are the features of the Image Grid component in Sitecore V3. Below is the basic layout (see image below):

Image RemovedImage Added

a. Image Grid Settings Editorb. Image Grid Headline (see image below)
Image Removed
c. Image Grid Theme Selection
Theme selection features two layouts Gear Icon: Opens settings options 

b. Headline: Adding a Headline is optional 

c. Theme: Two layouts options that allow for just title text under the image or title and descriptive text under the image (see image below):

d. Save Settings

e. Image/Link Editor

: Select Save if you have made any changes to these settings

e. Edit Icons: The pencil icon opens the editor and the X icon deletes the content 

f. Plus Icon: Adds a new image

Back to Toptop

How to Choose an Image from the Media Library

1. Hover over the picture you want to replace
2. Click Select the Pencil icon 
3. Click Select the Browse function to  button to open the Media Library . (see image below).
   Image RemovedImage Added
4. Search for the image you want to use
5. Click on Select the image once you've found it 
6. Click Select Select

Back to Toptop

How to Upload a New Image to the Media Library

1. Hover over the picture you want to replace

2. Click Select the Pencil icon 

3. Click Select the Browse link to  button to open the Media Library (see image below).
   Image RemovedImage Added
   
   

   Tip
   Pay attention to the recommended image size located about above the Browse linkbutton. Following this sizing will help your page to look its best.

   
   

4. Click Select Upload Media

5. Check Select Destination

   Note
   Always check the folder you are uploading to. If needed, click Change Destination, and navigate to the folder where your images should be located and confirm. Image RemovedImage Added

   
   

6. Click 

   Select Browse for Media Files (see image below)
   

   Image Removed
   

   Select image to upload (see image below)
   Image Removed
   Image Added
   
   

   Info
   title Best Practices
   Avoid images that have text or writing on them. Find images that are appropriate for the section and page.  Avoid images that are "too casual, informal, or suggestive in nature. Also there There should not be any images that depict third party logos except for NIH, CDC -USF affiliates - with approval from your department and the organization.  Images should be in one of the following formats: PNG JPEG GIF *TIFF and EPS images are often too large for web use.

   
   

7. Select image to upload 

8. Type the Name, Description, and Alternate Text for your image 

   Info
   title Best Practices
   Always enter alternate text (alt text), under Alternate Text, as this will ensure it does not have be to entered everytime the every time the image is used. Alt Text should be a short paraphrasing of a description of the image. For example, if the image is of a particular building, the Alt text may say "Front Entrance of USF Morsani Building". These descriptions are used to aid accessibility.

   
   

9. Click Select Upload Media 

10. Click Select imageClick Select (see image below)
    Image Removed

2. Select Select 
   
   

Back to top