Add Graphics to a List

Archived content. No warranty is made as to technical accuracy. Content may contain URLs that were valid when originally published, but now link to sites or pages that no longer exist.

Adding a graphic, such as a picture or clip art, to an Interactive list in your Web site based on SharePointâ„¢ Team Services from Microsoft can be an easy and resourceful way to add value to your list. For example, you can create a Contacts list with pictures of the team members to enable people to become familiar with their associates. You can also add logos to a Custom list of suppliers for easy identification. In order to add graphics to a list, you must first add a new column to your list and have permission on the SharePoint team Web site in the Author role or higher.

Modify your list to include a graphic column

  1. On the top link bar, click Lists.

  2. Click the list you want to add graphics to, and then click Modify settings and columns.

  3. Under Columns, select Add a new column.

  4. In the Name and Type area, enter the name of the column in the text box.

  5. Under The type of information in this column is, select Hyperlink or Picture.

  6. In the Optional Setting for Column area, under Require that this column contains information, choose Yes or No depending on if you want the graphic to be required information in the list.

    Note: If you do not have an image for each listing, choose No.

  7. In the drop-down list under Format URL as, select Picture and then click OK.

  8. Click Go back to List Name at the top of the page to return to your modified list.

Assign graphics to list items

To add graphics in a list, do the following:

  1. On the top link bar, click Lists.

  2. Click the list you want to add graphics to.

  3. Click New Item.

    Note: If you want to change an existing item, select the item and then click Edit Item.

  4. Enter the required information for the list and type the URL with the location of your graphic, and then type the description that will display as alternate text when the user hovers over your image.

    Note: A useful way to store the graphics in your site would be to create a Document Library that contains the images that you would like to use.