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.

SharePoint 2007 Branding Article – Conditional Logic in XSL Using the XML Web Part

I just realized that my SD Times “SharePointer” article from September was published (probably has been for a while). This article is a simple example of how you can use conditional logic in XSL to color code XML data in a SharePoint XML Web Part based on certain numeric values in the data. SD Times – Share Pointers: Conditional Logic in XSL Using the XML Web Part

Starter Master Pages for SharePoint 2010 (Formerly Known as Minimal Master Pages) 30

In the tradition of those SharePoint branding folks that came before me, I have put together two minimal master pages that can be used to start a SharePoint 2010 Branding project. They contain only very minimal HTML styling in order to accommodate some of the specific needs of SharePoint 2010 and are commented throughout. I hope you find them useful as a good starting point for creating branded SharePoint sites. If you make improvements upon them that could be used to improve the Starter Master Page experience for others, please share the changes with me so that I can potentially roll them into the main distribution. Note: With SharePoint 2010, Microsoft has actually included their own master page called minimal.master which has a specific use for pages that will have very minimal chrome. Because of this, I am using the term Starter Master Page for my Master Pages instead of the term Minimal Master Page. ...

SP2010 Branding Tip #9 – Turn on Anonymous Access 6

Ok, its not really a branding tip, but I’m on a roll here. In SharePoint 2010 if you want to setup your site to allow anonymous visitors, the process is much like it is in SharePoint 2007 except that the ribbon is now part of of the process. While I have really gotten used to the ribbon, this option I find particularly confusing. Just like in SharePoint 2007 the process begins in Central Administration, either you set the web application to Allow Anonymous access in the initial web application creation screen OR you need to set it afterward. If you are going to set it after, click on Manage Web Applications and select a web application from the list and take a look at the ribbon: You might be inclined to click Anonymous Policy as I was initially but this does NOT allow you to turn on Anonymous access. Instead click Authentication Providers: From this ...

SP2010 Branding Tip #8 – Alternate CSS can crash your site (until its fixed) 2

This is really less of a tip and more of a temporary gotcha that exists in most of the builds I have tried for SharePoint 2010. As I understand it, this problem won’t be fixed until AFTER the public beta that is scheduled to be released very very soon. When setting the Alternate CSS for your site, be very careful when using the Browse option: When you use this to select an Alternate CSS the setting will use a full URL like this: Library/CustomStyle.css Unfortunately having the full URL really freaks out SharePoint 2010 (until they fix this) and it tries to use a malformed URL, which in turn breaks your site completely. This is the error that it will return: Cannot make a cache safe URL for “1033/styles/ Library/CustomStyle.css”, file not found. Please verify that the file exists under the layouts directory. As far as I can tell, if you do this to ...

SP2010 Branding Tip #7 – Using Simple Rendering in SharePoint Navigation 3

One of the really cool enhancements in SharePoint 2010 is the addition of the UseSimpleRendering property to the control. When UseSimpleRendering is set to True, the SharePoint navigation menu is rendered using a cleaner unordered HTML list. After some trial and error I was able to duplicate the current SharePoint 2007 top navigation for SharePoint911 using the Simple Rendering:     One last note, if all of this new cleaner HTML scares you and you don’t want to spend the time to convert your old CSS to work with the new Simple Rendering, you can always turn it off by setting UseSimpleRendering=”False” in the control. With this set to false, the old less clean Table based navigation is used and all of your old CSS styles should work perfectly in SharePoint 2010.

SP2010 Branding Tip #6 – Mobile Browsers 11

One interesting feature of SharePoint 2010 is that it automatically shows a nice mobile experience when mobile devices browse the site. There is no need to type in the mobile URL (by appending /m to the URL) as you had to in SharePoint 2007. Here is a screenshot of what the SharePoint site looks like on my iPhone, I simply navigated to the usual site URL: While this is terrific for intranet sites, its less than ideal for public internet sites, especially ones that have a lot of custom branding. In those cases, typically you would want smart phones like the iPhone to see a standard rendering of your site. So, how do we turn off the automagic mobile experience? There doesn’t appear to be a setting for this in the Site Settings or in Central Administration. I had to ask around on this one, and the SharePoint product team was kind enough to point ...

SP2010 Branding Tip #5 – Handling unsupported browsers 5

If you haven’t heard the news, let me spell it out for you… SharePoint 2010 will support many major browsers including IE7, IE8, FF3.5 and Safari4, but there is one browser that will not be supported by the out of the box SharePoint 2010 experience: Internet Explorer 6! Here’s a shot of some of my SharePoint911 co-workers + one celebrating the news (thanks to Marcy Kellar) for the photo): After we end our happy dance, its time to find a way to tell our users that IE6 isn’t supported. How can we handle this gracefully? Microsoft again comes to the rescue with a SharePoint Control to help. <SharePoint:WarnOnUnsupportedBrowsers runat="server"/> If you place this control at the bottom of your master page, IE6 users will be greeted with a message like this: That’s pretty nice and easy, but what if you want to do something even more likely to spur a response from these IE6 users? ...

SP2010 Branding Tip #4 – Easily show a Favicon in SharePoint 2010 5

If you aren’t aware of what favicons are, they are the little icon that appears in the corner of the address bar of your browser and along with your bookmarks. Here is a shot of SharePoint911’s favicon: Its really a minor thing, but it makes a surprisingly big impact on a branded page. In SharePoint 2007 we had to mess around with the typical HTML tag for the favicon: <link rel="shortcut icon" href="/Style Library/sp911/favicon.ico" /> But, in SharePoint 2010 there is a special control for adding favicons: <SharePoint:SPShortcutIcon runat="server" IconUrl="/Style Library/sp911/favicon.ico"/> Ok, sure its technically more typing, but since its a control you can easily use things like $SPUrl to help with the paths.