Implementing an Image Library in SharePoint 2010

Here we can create a new image library. Viewers need to search and filter the images to find the best image for their needs. To accomplish this you create custom content types and implement Metadata navigation. Finally, you modify the preview pane to display appropriate column information for the viewers.

Create Custom Media Content Types

Here we will see two implementation-specific content types based on the existing image content type.

  1. Open your site.
  2. Select Site Settings from the Site Actions control located in the upper-left corner of the page.

    LbrShr1.jpg

    LbrShr2.jpg
     
  3. In the Galleries section, click Site content types.

    LbrShr3.jpg
     
  4. Click the Create link to create a new Content Type.

    LbrShr4.jpg
     
  5. Enter Product Marketing Image in the Name text box.
  6. Select Digital Asset Content Types in the Select parent content type from the drop-down.
  7. Select Image as the Parent Content Type.
  8. Click OK.

    LbrShr5.jpg
     
  9. Click the Add from New Site Column link.

    LbrShr6.jpg
     
  10. Enter Media Format in the Column name text box.
  11. Select Choice for the type of field.
  12. Create two choices for the field: Web and Print.

    LbrShr7.jpg
     
  13. Click OK.
  14. Click Add from Existing Site Columns link.

    LbrShr8.jpg
     
  15. Add Product Category from the Available columns list box to the Columns to add list box.

    LbrShr9.jpg
     
  16. Click OK.
  17. From the Site Actions control, select Site Settings.
  18. In the Galleries section, click Site content types links.
  19. Click the Create link to create a new Content Type.
  20. In the Name text box, enter Project Marketing Image.
  21. In the Select Parent Content Type drop-down, select Digital Asset Content Types.
  22. Select Image as the Parent content type.
  23. Click OK.
  24. Click the Add from Existing Site Columns link.
  25. Add Media Format from the Available columns list box to the Columns to add the list box.
  26. Add Project from the Available columns list box to the Columns to add the list box.
  27. Click OK.

Create and Configure an Assets Library

Here we can create a new Assets library. You then add the two new content types to the new library.

  1. Open your site.
  2. From the Site Actions control, select More Options.

    LbrShr10.jpg
     
  3. Select Asset Library and enter a name of Marketing Images; then, click Create.
  4. Click the Library tab on the Ribbon.

    LbrShr11.jpg
     
  5. Click the Library Settings Ribbon button.

    LbrShr12.jpg
     
  6. Click the Add from Existing Content Types link.

    LbrShr13.jpg
     
  7. Add the Product Marketing and Project Marketing content type to the Content types to add list box.

    LbrShr14.jpg
     
  8. Click OK.
  9. Click the Image content type.

    LbrShr15.jpg
     
  10. Select Delete This Content Type.

    LbrShr16.jpg
     
  11. Click OK.
  12. Repeat steps 9 through 11 to delete the Video and Audio content types.

Configure Metadata Navigation

In this task, you configure the list's metadata navigation.

  1. Open your site in a browser.
  2. Click the Library Settings Ribbon button.
  3. Click the Metadata Navigation Settings link.

    LbrShr17.jpg
     
  4. In the Selected Hierarchy Fields list box, remove the existing Folders option.
  5. Select Product Category and Project; then, click Add to add to the Selected Hierarchy Fields list box.

    LbrShr18.jpg
     
  6. Select Media Format from the Available Key Filter Fields; click Add to add to the Selected Key Filter Fields list box.

    LbrShr19.jpg
     
  7. Verify Automatically Manage Column Indices on This List is selected.

    LbrShr20.jpg
     
  8. Click OK.

Configure the Preview Pane Metadata

  1. Open the existing Marketing Image library
  2. Click the Library tab on the Ribbon.
  3. Click Modify View in the Manage Views section of the Ribbon.

    LbrShr21.jpg
     
  4. Select Media Format column to add the column to the view.
  5. Uncheck the Modified, Modified By, Scheduling Start Date, Scheduling End Date columns to remove from the view.

    LbrShr22.jpg
     
  6. Click OK.
  7. Hover over a thumbnail image in the view.
  8. Verify that the Preview Pane includes the correct metadata.

    LbrShr23.jpg