

Images in SharePoint 2013 can be rendered in specific dimensions and SharePoint 2013 will dynamic render any image to that specified to ensure they fit nicely into your defined layout. SharePoint 2013 allows you to define other types of content for these fields such as images.

In each case, these will be HTML controls. Based on the above plan, we need the following fields: So before we do the HTML work, let’s create a content type (a definition for content fields) that defines each of these fields for our page. The breadcrumb on the top left we can use SharePoint’s breadcrumb trail and we will embed the newsletter subscription into the page layout because we don’t want this to be explicitly defined into the layout. We’re going to create them all in a single content container and lay them out explicitly in order to reflect our design: In our page layout, we’re going to define the following areas as “field controls”. The content will be dynamic so that you could create as many pages as you like based on this layout. Now we’re going to create a page layout that follows this basic format. Planning Out Your Page Layoutįor this example, we’re going to recreate a chunk of a page on our web site ( In our previous article, we created Master Page that defined the header, footer and global style sheets for this page. For more information on the SharePoint 2013 page model, see this Microsoft article.
#LAYOUTEDITOR DOUBLELIST HOW TO#
This article explains how to create custom page layouts in SharePoint 2013. Master Pages define the global chrome elements of your web site. In my last article, I documented how to create a Master Page in SharePoint 2013.
