Home > Sample chapters

Creating and Modifying Web Pages in Microsoft Office SharePoint Designer 2007

Inserting a Web Part Zone

With Web Part zones, users can manipulate the content of a page by using a browser. You can insert Web Part zones into ASP.NET pages. If an ASP.NET page is associated with a master page, and therefore would be classified as a content page, then Web Part zones can be inserted only into content regions on such content pages. You cannot insert Web Part zones into master pages. Developers or Web designers can use Microsoft Visual Studio 2005 to define Web Part zones in pages stored in the 12 hive on a Web server; or you can use SharePoint Designer to insert a Web Part zone into a new or existing page and then save the page in the SQL Server content database.

You can insert only Web Parts into Web Part zones; you cannot insert text or images. Web Part zones have properties that affect the presentation of the Web Parts they contain, and they control the actions users are allowed to perform using the browser. These properties are detailed in the table on the next page.

Web Part zone property

Description

Zone title

Used when storing Web Part information in the SQL Server content database. You should give each zone a meaningful and consistent title; for example, don’t name the Web Part zone in a left cell First on one page and Left on another. This is particularly important if you create Web Part zones on page layouts in publishing sites.

Frame Style

The default frame style for all Web Parts in the zone. This setting can be overridden by the Web Part Frame Style property.

Layout of Web Parts contained in the zone

Allows you to choose between Top-To-Bottom (Vertical Layout) or Side-By-Side (Horizontal Layout).

Browser settings for Web Parts contained in the zone

Allows you to restrict the modification of the page by browser users. By clearing the three check boxes, you effectively remove the ability to customize any Web Parts placed in the zone by using the browser.

In this exercise, you will insert two Web Part zones.

  1. Position the insertion point in the top cell.

  2. On the Insert menu, point to SharePoint Controls, and then click Web Part Zone.

    A Web Part zone labeled Zone 1 appears in the top cell, and an orange tag, named webpartpages:webpartzone, appears in the Quick Tag Selector.

    httpatomoreillycomsourcemspimages1155049.jpg
  3. Right-click Zone 1, and then click Web Part Zone Properties.

    The Web Part Zone Properties dialog box opens.

  4. In the Zone title text box, type Header, click Side-by-side (horizontal layout), and then below Browser settings for Web Parts contained in the zone, clear the three check boxes.

    httpatomoreillycomsourcemspimages1155051.png
  5. Click OK to close the Web Part Zone Properties dialog box.

  6. Position the insertion point in the left cell under the header cell. Then on the Insert menu, point to SharePoint Controls, and click Web Part Zone.

  7. Double-click Zone 1 to open the Web Part Zone Properties dialog box. In the Zone title text box, type Left.

  8. Click OK to close the Web Part Zone Properties dialog box.

  9. On the Common toolbar, click the Save button.

    httpatomoreillycomsourcemspimages1154873.jpg

    Save

    httpatomoreillycomsourcemspimages1155053.jpg