Tag Archives: Master Pages

Create a dynamic, linked logo that goes to your root site

In just about every SharePoint site I customize and every CSS demo I do for people, I always use CSS to convert the SharePoint site title to a clickable logo, much like how we see all across the web.  Having your company logo in the upper left corner of your web site that when clicked takes you back to the home page is a very established usability pattern. People just expect it! Continue reading Create a dynamic, linked logo that goes to your root site

SharePoint UI Version 3 and 4 for Master Pages

So, seeing this error?

The user interface of the master page cannot be determined. Do you want to continue?

In SharePoint 2010 the master pages can  be assigned to User Interface (UI) Version 3, 4 or even both.  What this error message means is that your master page has not been assigned a UI Version.  This is a super quick thing you can fix. Continue reading SharePoint UI Version 3 and 4 for Master Pages

Creating a centered fixed width design in SharePoint 2010

Switching your SharePoint site from a fluid width (how it is setup out-of-the-box with v4.master or nightandday.master) is a simple task. It requires one change to the master page and the addition of one style statement. Where things get tricky is how to go from there in regards to handling the scroll bar SharePoint automatically generates under the docked ribbon. But let’s get the easy part done first. Continue reading Creating a centered fixed width design in SharePoint 2010

New master page added to “Just the Essentials” SharePoint Master Pages

In addition to the stripped, cleaned and commented SharePoint 2010 master pages that we provide, we also have posted a copy of v4.master (default SharePoint master page – simple layout with top navy bar) that still has all original HTML layout code in place but has the same cleaning and comments added that our Just the Essentials master pages receive. Now another version of this file has been added that is a copy of v4.master with all of the UI3 code removed. If you are not supporting UI3 sites (2010 sites that look like 2007) then you can use the UI4 Only version.

» Go to SharePointV4 Comments and Corrections Master Pages

“Just the Essentials” SharePoint Master Pages

As a follow up to my “Base Master Page Files for SharePoint 2007“, I have put together and posted several different master page files for use with SharePoint 2010.  Every file is heavily commented and provides a lot of information about what code is necessary for various SharePoint functionality and content.  Due to the enhanced user interface elements added to SharePoint 2010 such as the Ribbon and dialog boxes, there are specific HTML elements, IDs and classes that need to remain in place in the master page.  You can’t take a total slash and burn approach to developing a custom SharePoint 2010 master page.   So in short, read the comments!

UPDATE July 2012:  HTML5 versions of the master pages have been added. Please read this blog post about the changes that were made.  Continue reading “Just the Essentials” SharePoint Master Pages

SharePoint 2007 Design Tip: Gantt View with custom master pages

I recently discovered that your custom master page may affect the Gantt view of a SharePoint list.  I have seen the colored task bars extend past the framed container of the chart when a custom master page and CSS is applied to the site.  If this happens to you, you can try the following:

  • Systematically strip out the CSS and HTML to identify what code is causing the problem. Be sure to make backups of your files first.
  • Adjust the DOCTYPE tag that you are using. When this happened to me, I had to go way back and use the following DOCTYPE to get the Gantt view to show correctly:  <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 3.2 Final//EN”>

And finally, add this on to your list of items to test while developing custom master pages for SharePoint!

My Site Profile Picture Not Showing in Custom Master Page

I made an update to my Base Master Page today that moved the PlaceHolderLeftNavBarTop content placeholder from the hidden ASP Panel at the bottom of the file to an appropriate place in the left navigation area.

The content page (12TemplatesSiteTemplatesSPSMSITEdefault.aspx) that controls the profile/public page of My Sites adds the profile picture of the user to the left navigation bar via the PlaceHolderLeftNavBarTop content control. To show this profile picture in your custom mater page, you need to include this content placeholder in your code.

SharePoint Breadcrumbs – Sample of differences, chart of uses and resources

I don’t think I am alone when I say “I hate the page level breadcrumb in SharePoint”.  While dead useful for users, it becomes a bit nightmarish for devigners. For this post I am going to ignore the Global Breadcrumb that appears in the upper left of a SharePoint site by default, because honestly most people hide it and it doesn’t cause near the heartburn as the page level breadcrumb. Continue reading SharePoint Breadcrumbs – Sample of differences, chart of uses and resources