posts - 598 , comments - 849 , trackbacks - 247

My Links

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

Tag Cloud

Archives

Post Categories

Blogs

Miscellanous

Noteworthy Stuff

Popular Posts

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

Gravatar

# re: Changing Page Layout with SharePoint Designer 2010

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?
3/19/2010 4:08 PM | Amar
Gravatar

# re: Changing Page Layout with SharePoint Designer 2010

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

# re: Changing Page Layout with SharePoint Designer 2010

Yeah,

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

BSV
9/25/2010 7:11 PM | BSV
Gravatar

# re: Changing Page Layout with SharePoint Designer 2010

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
8/7/2011 1:06 PM | Praveen
Gravatar

# re: Changing Page Layout with SharePoint Designer 2010

I hate sharepoint.
11/10/2011 10:48 AM | youreskimofriend
Gravatar

# re: Changing Page Layout with SharePoint Designer 2010

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.
2/9/2012 6:21 PM | blackhawk
Gravatar

# re: Changing Page Layout with SharePoint Designer 2010

Tips to Choose the Best Bail Bond Agent No comments posted yet. Online Fashion.
4/15/2017 3:44 PM | Jonathan Lockington
Gravatar

# re: Changing Page Layout with SharePoint Designer 2010

This share point designer is a proper solution for all the issues you have faced during the preparation of a presentation. If you are not feel good at page layouts on your share point sites, this could be an absolute solution for that. Please share more details on that.tours in amsterdam
3/2/2018 6:36 AM | Dorrah
Post A Comment
Title:
Name:
Email:
Comment:
Verification:
 

Powered by: