Geeks With Blogs

News

qrcode

Lance Robinson

Create Your Badge

Lance Robinson is a software engineer in Durham, Chapel Hill, Raleigh, and surrounding areas. More about Lance.

 Subscribe


Lance's TextBox » About Me » My Resume »Twitter

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

 

 

 

 

 

 

 

Posted on Wednesday, February 17, 2010 9:09 AM | Back to top


Comments on this post: Changing Page Layout with SharePoint Designer 2010

# re: Changing Page Layout with SharePoint Designer 2010
Requesting 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?
Left by Amar on Mar 19, 2010 4:08 PM

# re: Changing Page Layout with SharePoint Designer 2010
Requesting Gravatar...
Amar, put footers in master page
Left by Josey on Sep 23, 2010 4:41 PM

# re: Changing Page Layout with SharePoint Designer 2010
Requesting Gravatar...
Yeah,

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

BSV
Left by BSV on Sep 25, 2010 7:11 PM

# re: Changing Page Layout with SharePoint Designer 2010
Requesting 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
Left by Praveen on Aug 07, 2011 1:06 PM

# re: Changing Page Layout with SharePoint Designer 2010
Requesting Gravatar...
I hate sharepoint.
Left by youreskimofriend on Nov 10, 2011 10:48 AM

# re: Changing Page Layout with SharePoint Designer 2010
Requesting 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.
Left by blackhawk on Feb 09, 2012 6:21 PM

Your comment:
 (will show your gravatar)


Copyright © Lance Robinson | Powered by: GeeksWithBlogs.net | Join free