HTML5 and SharePoint 2010 (and the IE9 Beta) 4

With the release of the IE9 Beta yesterday ( I’ve already started getting questions about whether HTML5 / CSS3 can be used with SharePoint. There is technically nothing that would stand in the way of using either with SharePoint (note, the page won’t validate as proper HTML5 code… but that should be obvious). That being said, I thought it would be interesting to take some SharePoint 2010 master pages and change the DOCTYPE to HTML5 and see how they look in the IE9 Beta. So I changed out the typical DOCTYPE with:    <!DOCTYPE HTML> Also note, by default, most SharePoint 2010 master pages have the following meta tag in them: <meta http-equiv="X-UA-Compatible" content="IE=8" /> This locks the page to displaying in IE8 rendering even in IE9, so I had to change this to IE=9 as well. With the DOCTYPE set and the meta tag changed, the master pages renders as an HTML5 page. Here ...

SP2010 Branding Tip #12 – Hiding the Quick Launch at the Page Level 8

A question I get asked almost every week. Randy, how do I hide the Quick Launch for just one page in SharePoint 2010. The answer is simple my friends: Content Editor Web Part with some specialized CSS. Note, this code is written specifically to work with v4.master, any other master page may need different CSS code to hide the Quick Launch. Edit a page, Site Actions > Edit Page Click in a wiki text or rich text area and from the ribbon click Insert > Web Part (or add a Web Part to a Web Part zone) Under Media and Content select Content Editor and click Add With the new Web Part selected, from the ribbon click Format Text > HTML > Edit HTML Source Enter the following HTML / CSS and click OK      <style type="text/css">           body #s4-leftpanel { display: none; }             .s4-ca { margin-left: 0px; }             </style> Hide the Web Part chrome by ...

My Review of Four iPhone 4 Cases 2

[Note, this review is slightly off topic from my standard posts, if you want to learn more about SharePoint branding, scroll down to my previous posts. Thanks!] From the second I ordered my iPhone 4, I knew I was probably going to use a case to carry it around most of the time. This was even before “antenna-gate” proved to be an issue and everyone was told they were going to get a free case. Since I ordered online, my iPhone arrived before the stores had them, and by the time I decided to brave the crowds the Apple store was all out of cases (note: as of 7/21/2010 they still are out of all iPhone 4 cases in my area). So I went over to Best Buy and bought two temporary cases to try out and wasn’t super thrilled with them so I also ordered two online (with the plan to return whichever ones ...

Updated 2010 Starter Master Pages up on CodePlex 7

Just a quick note to tell everyone that I have updated my starter master pages on CodePlex. I have made several minor tweaks that should help them be more “minimal” for easier use in your branding projects. Here are some of the bigger updates in this release: Additions to the SharePoint Server starter master page to include some My Site support A third starter master page that works with the Meeting Workspace (yes they still require a unique master page in 2010 but unlike in 2007, they are very similar to the standard master page) UPDATE: All of my starter master pages can now be found here:

Microsoft’s SharePoint 2010 Starter Master Page 2

Last week, Microsoft’s Dallas Tester ( posted a new starter master page for SharePoint 2010: For those that don’t already know, “Starter” is the new term for minimal master pages that were available for SharePoint 2007. Here are some screenshots of the starter master page in action, you will see that it is quite minimal: This is a great resource for learning about SharePoint 2010 master pages. If you are interested in another type of starter master page experience, you can always check out my own starter master pages at They are less minimal, but still are a good starting point for SharePoint 2010 branding projects.

Removing the Name ActiveX Control Warning in SharePoint 2010 4

When I initially looked at SharePoint 2010 I was disheartened to see that my old nemesis the Name.dll ActiveX control warning was still popping up on my sites. If you haven’t seen it yet, here is a screenshot: The warning has to do with SharePoint wanting to show presence info (the little green icon next to people in your organization that are currently online). It often ends up showing on public SharePoint sites because it is elusive in development environment, it will only show in these circumstances: IE7 or IE8 Site must not be in the Intranet zone, which typically automatically includes any site that you are local to or share a domain with Must have Office, or Messenger or any other similar program installed Must have NOT already said yes to IE installing the ActiveX control If any one of those criteria isn’t met, the warning doesn’t show for you, but it most likely ...

Error in Current Docs for Upgrading Fixed Width Master Pages to SharePoint 2010 4

This probably affects anyone that has tried to make a fixed width master page in SharePoint 2010 (unless you have already noticed the error) it affects the MSDN article Upgrading an Existing Master Page to the SharePoint Foundation Master Page and my Starter Master Pages (expect an update to my starter master pages very soon). In the article it states: If your page is fixed width, add the class s4-nosetwidth to the bodyContainer div element. The updated div element would look like the following. <div ID="s4-bodyContainer" class="s4-nosetwidth"> In actuality you need to place the s4-nosetwidth on the previous div tag like this: <div ID="<strong>s4-workspace</strong>" class="s4-nosetwidth"> Without that line SharePoint injects CSS inline to your and sets the width the current size of the browser (which completely wrecks most fixed width design).

SP2010 Branding Tip #11 – Un-Floating the Ribbon in custom Master Pages 8

In the 2010 out of the box master pages, Microsoft has included code that causes the ribbon to float above the rest of the page content (you might say it sticks to the top of the page). You can see the effect here: See how 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. But what if you are doing a VERY stylized branded SharePoint site? Sometimes this functionality can get confused, especially if you are using CSS to position the body “fixed”. I saw this happen recently when Paul Keijzers (@KbWorks on Twitter) was having problems using my Starter Master Pages ( His problem would have been the same if he used Microsoft’s v4.master. So, how do we make the page scroll in a more traditional fashion? Pretty easy, ...

New SDTimes Article: The New Theming Engine 1

My latest article for SD Times has been published to their website, titled Spotlight on 2010: The New Theming Engine. Obviously, it’s an overview of how themes work in SharePoint 2010. Check it out: Spotlight on 2010: The New Theming Engine

SP2010 Branding Tip #10 – Hide Ribbon Completely for Anonymous Users 1

This question came in as a comment on a previous blog post. I’m sure there may be better ways to do this, but one thing I did on the site was to hide the ribbon completely for non authorized users. I did this by using an asp:LoginView with an AnonymousTemplate and hiding the CSS. <asp:LoginView id="LoginView" runat="server"> <AnonymousTemplate> <style type="text/css"> body #s4-ribbonrow { display: none; } </style> </AnonymousTemplate> </asp:LoginView> Of course if you do this, you will probably need to handle creating a login link for your authorized users yourself.