Tag Archives: Master Pages

Fixed width SharePoint master page creates problem for Web Part Adder/Update Panel

The problem

A very common request with custom SharePoint branding is to convert the master page and CSS to a centered, fixed width design.  For instructions on how to do this, check out my Creating a centered fixed width design in SharePoint 2010 blog post.  A lot of designs like to use “960px” for the width value.  Unfortunately this creates a problem for the SharePoint Web Part Adder/Update Panel (the WebPartAdderUpdatePanel control found in the SharePoint master page).   Continue reading Fixed width SharePoint master page creates problem for Web Part Adder/Update Panel

Ribbon visibility using CSS

This is the fourth post in a SharePoint 2010 ribbon series.  Be sure to check out posts 1through 3 as well:
1) Boil it down to the basics… the SharePoint 2010 ribbon
2) Gathering requirements for your ribbon needs
3) The Docked Ribbon

The ribbon doesn’t have to be big and scary.  SharePoint ribbon customization can be completed with just a little CSS and tweaks to your master page. In this post we are going to focus hiding the ribbon when it is not in use. Continue reading Ribbon visibility using CSS

The Docked Ribbon

This is the third post in a SharePoint 2010 ribbon series.  Be sure to check out posts 1 and 2 as well:
1) Boil it down to the basics… the SharePoint 2010 ribbon
2) Gathering requirements for your ribbon needs 

There are two states the SharePoint ribbon can be in, docked or undocked. Let’s dive right in looking at what it means to have a docked ribbon. Continue reading The Docked Ribbon

Gathering requirements for your ribbon needs

In the first post in this series, Boil it down to the basics… the SharePoint 2010 Ribbon, we looked at the different components in the ribbon area and saw what was really a part of the ribbon and what wasn’t. At the end of the post you may have ended up with a custom master page with a simplified ribbon block and SharePoint page components, such as the Site Actions menu and the social tagging buttons, moved to other locations in your site layout and design. In the second post of this series I am going to focus on ribbon placement requirements and more importantly, what do your users need. Continue reading Gathering requirements for your ribbon needs

Add a tool tip for an image you create in CSS

My golden site design coding rule is site design supporting images are only referenced through the CSS.  This would include logos, header images, gradation bars, decorative backgrounds, etc.  Content supporting images (like Bob and Joe hanging at the company picnic) are content supporting images and therefore can end up in other places outside of CSS.

A question that often comes up when I teach this is “what about the ALT text value for the image?”. Continue reading Add a tool tip for an image you create in CSS

Boil it down to the basics… the SharePoint 2010 Ribbon

Sigh, the ribbon. Those two words manage to give most SharePoint developers and designers the chills. And not necessarily in the good way. While the ribbon provides a lot of cool interactivity and functionality for our end users, you just look at it wrong and stuff can go whacky in your SharePoint site. This is the first post in a series dedicated to working with the ribbon. Let’s start off with reviewing what the ribbon really is and what code bits are involved. Continue reading Boil it down to the basics… the SharePoint 2010 Ribbon