Tag Archives: navigation

Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions

If you get adventuresome in your SharePoint 2013 master page, you can add, edit and delete options from the Site Actions menu. It is a pretty handy thing to do, For example, do you miss the direct access to Site Permissions that SharePoint 2010 provided? It is an easy thing to add with a master page modification.  But there are four Site Action menu items that stubbornly stick around and are seemingly unchangeable. However with a little CSS we can do what we please.  Continue reading Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions

Making seattle.master Responsive

“Sonny, true love is the greatest thing in the world. Except for a nice M.L.T., a mutton, lettuce and tomato sandwich, where the mutton is nice and lean and the tomato is ripe. They’re so perky. I love that.”

You know what else would be the greatest thing in the world? A responsive version of SharePoint 2013’s Seattle master page. While an ETA continues to be dodged for this juicy addition for SharePoint on-premises and SharePoint Online, we can play Miracle Max and do it ourselves.  Yes really.  At the end of the day, it is just CSS.  That we can do.  Continue reading Making seattle.master Responsive

Increase width of SharePoint 2013 drop down navigation

This is a quick but handy little CSS style statement to increase the width of the SharePoint 2013 top navigation bar drop down, which by default is pretty small.  Now I know ideally the navigation item text should be short and sweet, but I also know how folks love their long department names and the like in the navigation.  Continue reading Increase width of SharePoint 2013 drop down navigation

SharePoint Navigation – CSS only accordion on hover effect

Everyone seems to love accordion navigation effects and I love CSS so it was only natural to try to implement an accordion effect for SharePoint navigation using only CSS. Typically folks use JavaScript or jQuery to add in an accordion, but it is possible to do it with pure CSS. When it comes to SharePoint there is only one caveat – you can create a CSS only accordion menu as long as the accordion effect fires on hover and not when the navigation header is clicked. Let’s see why, and let’s see how… Continue reading SharePoint Navigation – CSS only accordion on hover effect

Mega Menu for SharePoint – Part 3 of 3

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 Mega Menu for SharePoint – Part 3 of 3

Mega Menu for SharePoint – Part 2 of 3

This is the second part of a three part series where 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. After creating the HTML markup and the CSS to meet the functional requirements, it is time to take a look at the importance of taxonomy in navigation and check out the XSLthat will be used for the mega menu. Continue reading Mega Menu for SharePoint – Part 2 of 3

Mega Menu for SharePoint – Part 1 of 3

In this three part series, Heather Solomon and Dustin Miller will explore the ever-popular “Mega Menu”, and how to create a powerful, styled and functional mega menu for use on your SharePoint sites. In this first part, the focus is on the HTML markup and CSS styling to used to create this oft-requested UI element.
Continue reading Mega Menu for SharePoint – Part 1 of 3

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 Working with the SharePoint Navigation

Modify SharePoint Add link in a list or library

For such a small little guy, the “Add” action link for a SharePoint list or library can sure cause a lot of grief for people.  Here is a sample of the SharePoint Add link if you were looking at a Links list.  Different lists show different text, such as Add Document or Add New Announcement.

Add new link option for SharePoint lists and libraries

I hear a lot of requests to change the look and feel of the link or move it to a different location on the web page. Luckily there is a lot you can do with CSS alone.  Continue reading Modify SharePoint Add link in a list or library