The final post of a three part series, Heather Solomon and Dustin Miller are exploring the ever-popular “Mega Menu”, and how to create a powerful, styled and functional mega menu for use on your SharePoint sites. The first post explored the HTML markup and CSS needed for navigation, organized into an unordered list. The follow-up post walked through the use of navigation taxonomy and the XSL for the menu. This final piece will first show how to implement the custom view in your master page, and then enhance it further with some shiny new CSS. Continue reading
Tag Archives: Master Pages
SharePoint CSSLink
Understanding SharePoint:CSSLink and how to add your custom CSS in SharePoint 2010
CSS is a wonderful tool for branding SharePoint; unfortunately SharePoint 2010 has done a decent job of making things pretty hairy and confusing with working with CSS in a SharePoint site. Something we get asked all the time in our classes is “where do I link to my custom CSS file?” Great question and the answer isn’t just “from your master page”. Continue reading
Working with the SharePoint Navigation
Yes, the SharePoint navigation really can work for your needs
A commonly misunderstood component of SharePoint is the navigation. We are frequently asked in class about how to make changes to the navigation and when we cover it, people are really surprised and honestly, it is pretty anti-climatic! Here are a few things everyone should know about manipulating SharePoint navigation. Continue reading
SharePoint master pages, who needs them anyways?
SharePoint master pages, who needs them anyways?
A common misconception about SharePoint master pages is that you need several of them. In our SharePoint UI/UX class, Dustin and I meet people who have created several master pages for their SharePoint sites(s) due to branding and site layout needs. Based on design differences, a master page is created for the home page, another master page for the sub pages, and perhaps even another master page for sub site(s) that need different branding and/or layout. There are very few reasons to have more than one master page, and differing home page vs. sub page vs. sub site designs isn’t one of them. Continue reading
Heather Solomon
November 19, 2012
Ahh, the list is ever growing thanks to contributions posted by others. I have updated the list of bugs when switching to IE=9 or IE=edge in a SharePoint master page. Go to the bug list.
Top 5 Mistakes When Approaching SharePoint Branding
Branding SharePoint can be a great experience or can be a swirling vortex straight into coding hell. It can also fall anywhere on that scale. :-) Help avoid a swirlie by checking out these top mistakes in SharePoint branding. Continue reading
Heather Solomon
September 11, 2012
I have come across a couple of more bugs when switching to IE=9 or IE=edge in a HTML5 SharePoint master page. Go to the bug list.
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
Convert SharePoint 2010 master page to HTML5
I recently refreshed my Just the Essentials SharePoint 2010 master pages and a part of that refresh included the addition of HTML5 versions of the master page files. In this post I am going to step through how to convert a SharePoint 2010 master page to HTML5. Continue reading
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
