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:
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 recipe. The JavaScript code provided out-of-the-box is designed to only work with Office 365. We will use a modified version of the methods from the out-of-the-box JavaScript to work with our custom drop-down menu.