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.

   

   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.

   

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.

   TIP

   When a Web Part title is not displayed, to customize the properties of a Web Part, display the page in Edit mode. The Web Part title is then visible. You can either use the Web Part menu to edit the Web Part or select the check box on the Web Part title and, on the Options tab in the contextual Web Part Tools tab set, use the Web Part Properties command in the Properties group to open the Web Part tool pane.

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.

   TIP

   In this exercise, you will display only Bianca furniture; therefore, you will use the Furniture Range column to filter data. When the filter is applied, in the XLV Web Part, the Furniture Range column always contains the text “Bianca.” Hence, you could choose not to display the Furniture Type column. However, when you first customize a view, it is good practice to leave the filter column, such as the Furniture Type column, in place so you can check that the filter is configured correctly.

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.

   

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.