Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

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:



  3. Image List Image Size
    The setting of the image can be changed from landscape to portrait using this function.



  4. Save Settings
  5. Image/Link Editor

NOTE: Click the '+' to add a new list row

Image Grid

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

  1. Image Grid Settings Editor
  2. Image Grid Headline



  3. Image Grid Theme Selection
    Theme selection features two layouts that allow for just title text under the image or title and descriptive text under the image:



  4. Save Settings
  5. Image/Link Editor


NOTE: Click '+' to add a new image. Min number of images that can be added: 1; Max number of images that can be added: 4


Adding New Images

The process for adding and editing images for the Image List and the Image grid is identical when using the Image 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. Properties is where image settings like dimension and alternative text can be edited.



  3. Removes image
  4. Applies changes in settings
  5. Title displayed with image
  6. Opens the Rich Text Editor




  7. Allows editing text without opening the Rich Text Editor
  8. Insert internal Sitecore link




  9. Insert external link



  10. Remove link
  11. Open link in new tab

Media Library and Uploading Images

Click the Browse function to open the Media Library.

  1. Click Upload Media
  2. Check Destination (If needed, click Change Destination, 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




  • No labels