Adding Office 365-style drop-down menus to suite bar links

SharePoint on Office 365 includes additional links related to Office 365 services in the suite bar, including a drop-down menu of links. Standard installations of SharePoint include the CSS styles and basic JavaScript required to handle these Office 365 drop-down menus. They do not, however, include a way to utilize the styles and JavaScript. The following screenshot illustrates how the drop-down menu looks on Office 365:

Adding Office 365-style drop-down menus to suite bar links

In this recipe, we will add a drop-down menu using the provided CSS styles and a bit of custom JavaScript of our own using the delegate control we created in the previous ...

Get SharePoint 2013 WCM Advanced Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.