Skip to main content

Posts

Showing posts from June, 2010

Un-Floating the Ribbon in custom Master Pages

we the right scroll bar stops at the ribbon? That’s the new functionality at work. It makes editing the page a nicer because you don’t have to scroll to the top of the page constantly. o, how do we make the page scroll in a more traditional fashion? Pretty easy, just follow these steps in your custom master page (or css): Remove or override the CSS that hides the body overflow - body { overflow:hidden; }. You can override with body { overflow:auto; } Note: if you are using v4.master, you need to override this with body.v4master { overflow:auto; } Remove scroll="no" from the tag Remove ID="s4-workspace” from the tag that surrounds the page content (below the ribbon). You can remove the entire tag and its corresponding if you would prefer. Save and check-in / approve and you should have a page that scrolls normally. The ribbon will stay at the top and scroll off the page if you have a lot of page content. Note, ther