Home > Sample chapters

Working with Web Pages in Microsoft SharePoint Foundation 2010

Customizing a Web Part by Using the Web Part Tool Pane

Once you add a Web Part to a web page, you might find that you have to customize it to display the content that you want visitors to your website to see. You might also have to tailor the Web Part’s properties for it to take on the look and feel that you want.

In the following exercise, you will customize the Picture Library Slideshow Web Part and a SharePoint XLV Web Part.

  1. Hover the mouse over the title bar of the Picture Library Slideshow Web Part, click the down arrow that appears, and then click Edit Web Part.

    httpatomoreillycomsourcemspimages1755527.png

    The Picture Library Slideshow Web Part tool pane is displayed to the right of the page.

  2. From the Picture Library list, select the picture library whose images you wish to display in the Web Part, such as Site_Pictures, and then, under Appearance in the Title box, delete Picture Library Slideshow Web Part and type Logos.

    httpatomoreillycomsourcemspimages1755529.jpg
  3. In the Chrome Type drop-down list, click None, and then scroll to the bottom of the Web Part tool pane and click OK.

    Images from the chosen picture library are displayed at the top of the page, and the tool pane disappears. The title of the Web Part is not displayed.

  4. Place the cursor over the title bar of the Furniture Price List Web Part, click the down arrow that appears, and click Edit Web Part.

    The Furniture Price List Web Part tool pane is displayed.

  5. In the Furniture Price List tool pane, below the Selected View list, click the Edit the current view link. The Edit View of the Furniture Price List page is displayed.

  6. In the Columns area, clear the Attachments, In Stock, Unit Price, and Total check boxes.

  7. Scroll down the page until the Filter area is visible. Select the Show items only when the following is true option.

  8. On the Show the items when column list, click Furniture Range. In the Value box, type Bianca.

    httpatomoreillycomsourcemspimages1755531.jpg
  9. At the bottom of the page, click OK.

    Your web page is displayed. The Furniture Price List tool pane is no longer visible.

  10. Place the cursor over the title bar of the Furniture Price List Web Part, click the down arrow that appears, and click Edit Web Part. The Furniture Price List tool pane is displayed.

  11. Click the expand (+) icon to the left of Appearance, and then, in the Title text box, type Sale – Bianca Furniture at half price.

  12. Click the expand (+) icon to the left of Advanced and clear the Allow Minimize check box.

  13. At the bottom of the Furniture Price List tool pane, click OK.

  14. Place the cursor over the title bar of the Sale – Bianca Furniture at half price Web Part, click the down arrow that appears, and notice that the Minimize option is no longer available.