Working with Web Pages in Microsoft SharePoint Foundation 2010

  • 12/15/2011

Editing Web Part Pages

Web Part pages are the default type of page on sites such as group work sites, Meeting Workspaces, and blog sites. In addition, they are the type of pages used by lists and libraries to display their contents. Web Part pages consist only of Web Part zones. They do not contain wiki page content areas and, therefore, can contain only Web Parts. To add static text or images to a Web Part page, you must first add either the Content Editor Web Part or the Image Web Part, and then use the Web Part tool pane properties to add text or images.

There are two versions of a Web Part page:

  • Shared Version This version is the Web Part page that every user with the appropriate permissions on a site can view. To edit the Shared version of a Web Part page, place the page in Edit mode by using the Site Actions, Edit Page command.

  • Personal Version This version of a Web Part page is available only to you and not to others. To edit the Personal version of a Web Part page, click the down arrow to the right of your name in the top corner of the page, and then click Personalize This Page. When you have a Personal view of a Web Part page, then it will be displayed by default when you first visit the page.

To customize the Shared version of any Web Part page for a list or library, you must have the following rights, all of which are included in the Design and Full Control permission levels by default:

  • Manage Lists

  • Add and Customize Pages

  • Apply Themes and Borders

  • Apply Style Sheets

A member of a website’s Site Owners group has Full Control permissions and, therefore, is able to customize the Shared version of Web Part pages.

To customize the Personal view of any Web Part page, the Web Part page must be designed to be personalized. You must have the following rights, all of which are included in the Contribute, Design, and Full Control permission levels by default:

  • Manage Personal Views

  • Add/Remove Personal Web Parts

  • Update Personal Web Parts

A member of a website’s Members group has Contribute permissions and, therefore, is able to customize the Personal version of Web Part pages if they are designed to be personalized.

Web Parts within Web Part zones can be connected to one another to provide interactive dashboards displaying related data from a number of data sources. A Ribbon command in SharePoint Foundation makes it easy to create a Web Part connection when two lists have a related column. For example, on a blog site, the Posts list has a lookup column to the Comments list. On a page where you are displaying the Posts XLV Web Part, on the Options tab in the Web Part Tools contextual tool set, you can click the Insert Related List command. This will add the Comments XLV Web Part to the page and connect the two Web Parts. Then, when users click a blog post in the Posts Web Part, the comments related to that post will be shown in the Comments Web Part. Using a tool such as SharePoint Designer, you can also connect Web Parts on one page with Web Parts on another page.

In the following exercise, you will familiarize yourself with editing a Web Part page.

  1. On the Quick Launch, under Libraries, click Shared Documents. The All Documents view of the library, Shared Documents, is displayed.

  2. Click Site Actions, and then click Edit Page.

    The browser redisplays the Web Part page in Edit mode. The Web Part page displays one Web Part zone denoted by a blue border labeled Main. At the top of each Web Part page zone is a white rectangle surrounded by a blue line containing the text “Add a Web Part”.

    httpatomoreillycomsourcemspimages1755533.png
  3. On the Page tab, click Stop Editing.

    httpatomoreillycomsourcemspimages1755535.jpg
  4. In the top right corner of the page, click the arrow next to <your name> and click Personalize this Page.

    httpatomoreillycomsourcemspimages1755537.jpg

    The browser redisplays the Web Part page in Edit mode. A yellow status bar states that this is the Personal version of the page. Any changes that you make to the Web Part page affect only your view of this web page.

  5. On the Page tab, click Stop Editing.