In the last week, I needed to customize a native page on SharePoint 2010 for a specified project. After I’ve done some searches on my feeds, I found a great article which it explains how to customize some parts of the SharePoint page.
This article focuses to customize the ribbon positioning in SharePoint 2010 master pages, but it explains all that i needed to known.
Followed (and tested on my dev environment) by the article, you must to ensure that you have the following containers on your SharePoint master page:
- Ribbon container – Div which the control id is s4-ribbonrow. You need it to put the SharePoint ribbon.
- Body container – Div which the control id is s4-workspace and an inner div which the control id is s4-bodyContainer. You need it to put your page content.
I'd a webpart zone on my page content (inside the page layout), and the only problem was when I tried to change the webpart settings, because I didn’t saw the settings control (the SharePoint rendered the control outside the body container).
To fix that (I spent a lot of time debugging), you need to ensure that you’ve a div (which control id is MSO_ContentDiv) on you page content. It’s necessary, because when you want to change the webpart settings the SharePoint will render the settings control inside this div.