Professional SharePoint® 2010 Branding and User Interface Design

Creating Page Layouts

❘

265

FIGURE 916

The following code snippet shows an example of what the PlaceHolderMain for the new page lay-

out could look like:

<asp:Content ContentPlaceholderID=”PlaceHolderMain” runat=”server”>

<div style=”padding:8px;”>

<p>Priority: <SharePointWebControls:DropDownChoiceField DisableInputFieldLabel=”true”

FieldName=”7c6b57f7-70f1-43b9-a495-fde0b32470a7”

runat=”server”></SharePointWebControls:DropDownChoiceField></p>

<PublishingWebControls:RichHtmlField FieldName=”f55c4d88-1f2e-4ad9-aaa8-819af4ee7ee8”

runat=”server”></PublishingWebControls:RichHtmlField>

</div>

</asp:Content>

Figure 9-17 shows a page based on the page layout in Edit mode.

584644c09.indd 265584644c09.indd 265 10/27/10 11:45:59 AM10/27/10 11:45:59 AM

266

❘

CHAPTER 9 PAGE LAYOUTS

FIGURE 917

The next section describes how to create more branding-intensive page layouts, which will be based on

out-of-the-box content types but include HTML for layout as well as Web Part zones. These page lay-

outs will complement the Randy’s Waffl es master page branding that was added in the previous chapter.

Internet Site Page Layout Examples

Recall from the previous chapter that the Randy’s Waffl es branding was only half completed. The

master page is branding the outer shell of the design, but the page level was lef ...