Converting a Custom SharePoint 2010 Master Page into a Search Center Master Page 34

This is a topic that I’ve been asked probably a hundred times since the SharePoint 2010 bits were released. Before I get into how I solve it, I’ll provide a little back story. To quote from my upcoming book, Professional SharePoint 2010 Branding & UI Design: There are three site templates to choose from when creating search sites in SharePoint 2010: Enterprise Search Center, Basic Search Center, and FAST Search Center. Unlike most other sites in SharePoint 2010, these sites do not have v4.master or even nightandday.master applied to them; instead, they have minimal.master applied to them. If you have a custom master page that is based on v4.master, nightandday.master, or even one of the typical starter master pages and apply it to one of these search center sites, you notice that the search center doesn’t work properly. This is because the page layouts and pages that are created by default for these search center ...

SP2010 Branding Tip #13 – Hiding the Recently Modified on Team Sites 7

I was asked today about hiding the Recently Modified menu from SharePoint 2010 Team sites. If you aren’t familiar with the menu, here is a screenshot of it: I did some poking around and it seems that the wiki pages add to the PlaceHolderLeftActions of the master page. While you could remove the placeholder, I’m sure it is used for other things. The safer thing to do would be to hide the Recently Modified section like this:    <style type="text/css">         .s4-recentchanges { display: none; }         </style> You can either add that to the master page or custom CSS for your SharePoint site or you could add it to an individual page as discussed here: http://blog.drisgill.com/2010/09/sp2010-branding-tip-12-hiding-quick.html

HTML5 and SharePoint 2010 (and the IE9 Beta) 4

With the release of the IE9 Beta yesterday (http://ie.microsoft.com/testdrive/) 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: https://github.com/rdrisgill

Microsoft’s SharePoint 2010 Starter Master Page 2

Last week, Microsoft’s Dallas Tester (http://twitter.com/dgtester) posted a new starter master page for SharePoint 2010: http://code.msdn.microsoft.com/odcSP14StarterMaster 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 http://startermasterpages.codeplex.com. 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 (http://startermasterpages.codeplex.com). 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, ...