Page Comparison

Image List

Using For this version of Sitecore rows and columns are used to add images.  The two methods of this are the Image List component and the Image Grid component. The Image List allows for two display methods of either landscape (the default) or portrait. Images will always be left justified next to text.  For the Image Grid images are not accompanied by a paragraph of text but by a title and a text overlay. These features take the place of the Column Builder and adding images through the Rich Text Editor.

Image List

Here are the features of the Image List component in Sitecore V3.  Below is the basic layout:

1. Image List Settings Editor
2. Image List Headline:
   Image Removed
   Image Added
   
   
3. Image List Image Display
   Image RemovedImage RemovedSize
   The setting of the image can be changed from landscape to portrait using this function.
   
   Image AddedImage Added
   
   
4. Save Settings
5. Image/Link Editor
   
   

Image Grid

Using Here are the features of the Image List Grid component in Sitecore V3. Below is the basic layout:

1. Image Grid Settings Editor
2. Image Grid Headline
   Image Removed
   Image Added
   
   
3. Image Grid Theme Selection
   Image RemovedImage RemovedTheme selection features two layouts that allow for just title text under the image or title and descriptive text under the image:
   
   Image AddedImage Added
   
   
4. Save Settings
5. Image/Link Editor

...

Click on the 'pencil' to open the image/link editor:

Image/Link Editor

The image/link editor takes the place of the Insert Sitecore Media and Insert Sitecore Link buttons in the previous interface, This offers the following options for uploading and editing images and/or hyperlinks:

1. Browse connects to the Media Library
2. Sets the image Properties
   Image RemovedProperties is where image settings like dimension and alternative text can be edited.
   
   Image Added
   
   
3. Removes image
4. Applies changes in settings
5. Title displayed with image
6. Opens the Rich Text Editor
   Image Removed
   Image Added
   
   
   
7. Allows editing text without opening the Rich Text Editor
8. Insert internal Sitecore link
   Image Removed
   Image Added
   
   
   
9. Insert external link
   Image Removed
   Image Added
   
   
10. Remove link
11. Open link in new tab

...

Media Library and Uploading Images

After using Click the Browse function to open the Media Library opens.

1. Click Upload Media
2. Check Destination (If needed, click 'Change Destination' to , to where your images should be located.)
   
   
   
   
   
3. Click Browse for Media Files
   
   
   
   
4. Select image to upload
   
   
   
   
5. Click Upload Media' (Add Alternative Text)
   
   
   
   
6. Click image to upload
7. Click Select