Changing Page Layout with SharePoint Designer 2010

Don't like one of your page layouts on your SharePoint Site?  No problem, you can solve this problem quickly and easily using the free SharePoint Designer.  It doesn't take any programming, just a couple minor HTML tweaks. 

Note:  This is different from modifying the master page, which will effect every page on the site.  Instead, we'll be detaching the page from the master page, therefore making it unique on the site.  This obviously has its cons when its comes to long-term site style.

Here's how a site looks, out of the box:

EditSiteLayout0

Notice how the "Right" web part zone is narrow, and the "Left" web part zone takes up the remaining part of the actual page content.  I don't like that…its backwards for me.  Here's how to change it:

  • Inside SharePoint Designer 2010, click "Open Site", type in your URL, and click "Open".

    EditSiteLayout1 EditSiteLayout2
  • Click "Edit site home page".
     EditSiteLayout3
  • Now the default.aspx for the page will appear.  Areas that define the page layout itself will have a highlighted background color.  Those lines cannot be changed unless you enter "Advanced Mode".  So first, click the "Advanced Mode" button found on the Home menu (top right of your screen in the ribbon).  Now, looking at the HTML of the page, the part I want to change is near the bottom, and is the width of the two main WebPartZones on the page (the "Left" and "Right" Web Part Zones)?

    EditSiteLayout4 
  • Finally, just save the site in SharePoint Designer and then close it.  When you save, your changes will be written to the SharePoint Server, so the next time you visit your page, it will appear as desired:

    EditSiteLayout5

 

 

 

 

 

 

 

Print | posted on Wednesday, February 17, 2010 9:09 AM

Feedback

# re: Changing Page Layout with SharePoint Designer 2010

Left by Amar at 3/19/2010 4:08 PM
Gravatar So page layout is applied to site pages right? so that means both master page and page layout will be applied to a new page is that correct? So the menus and other stuff go to master page and editable content goes to page layout from what i understand. I guess my question is where should I put copyright text footer, in master page or in page layout?

# re: Changing Page Layout with SharePoint Designer 2010

Left by Josey at 9/23/2010 4:41 PM
Gravatar Amar, put footers in master page

# re: Changing Page Layout with SharePoint Designer 2010

Left by BSV at 9/25/2010 7:11 PM
Gravatar Yeah,

Footers, navs or also those kind of design goes in master pages. All content goes under page layouts...

BSV

# re: Changing Page Layout with SharePoint Designer 2010

Left by Praveen at 8/7/2011 1:06 PM
Gravatar Somehow, for my site the default page layout is empty and always getting "Data at root level is invalid, line 1 position 1". Here is what I have set through code/
http://praveenbattula.blogspot.com/2011/08/set-default-page-layout-for-sharepoint.html

# re: Changing Page Layout with SharePoint Designer 2010

Left by youreskimofriend at 11/10/2011 10:48 AM
Gravatar I hate sharepoint.

# re: Changing Page Layout with SharePoint Designer 2010

Left by blackhawk at 2/9/2012 6:21 PM
Gravatar Thanks for the breakdown. But how do we change the page layout for multiple "existing" pages at one time? There's gotta be a way.

Your comment:





 
 

Copyright © Lance Robinson

Design by Bartosz Brzezinski

Design by Phil Haack Based On A Design By Bartosz Brzezinski