Mega Drop Down for SharePoint 2013

Example Sites

THIS SCRIPT SHOULD NOT BE RUN ON A PRODUCTION ENVIRONMENT AND IS ONLY INTENDED FOR DEVELOPMENT PURPOSES. THE SCRIPT WILL ATTEMPT TO DELETE THE SITE COLLECTION SPECIFIED DURING DEPLOYMENT.

The example site can be deployed by running a PowerShell script (deploy.ps1) that is included with this distribution.

Sample 1 - Intranet

The Intranet sample is an example SharePoint site that uses Mega Drop Down to display sites and content using a floating-width drop down. The sample also demonstrates using a vertical Mega Drop Down menu next to the default Quick Launch menu.

This site is deployed to http://your web application url/sites/intranet

Sample 2 - SuiteBar

The SuiteBar sample is an example SharePoint site that uses Mega Drop Down positioned in the topmost bar (i.e. SuiteBar) and the default menu for the global navigation. This site is deployed to http://your web application url/sites/suitebar

Installation

The script will deploy the sample sites to specific site collections. Intranet - /sites/intranet SuiteBar - /sites/suitebar It is recommended that you do not change these locations as the example sites refer to paths that have been predefined in the master pages and CSS files.

Steps to install:
  1. Copy the samples directory to a directory on a server in your SharePoint Farm.
  2. Log into the server as an administrator
  3. Start the SharePoint 2010 Management Shell (located in the Start Menu/Microsoft SharePoint 2013 Products folder)
  4. Change the current directory to the location of the samples directory.
  5. Start the deployment script by typing:
    \deploy.ps1
  6. You will be prompted to select the web application where the sample site will be deployed to.
  7. You will then be prompted to select the sample application.
    If deploying the Intranet example, select option 1
  8. After confirming your selections, the deployment script will begin installing the sample apps. Once completed, you can browse to the site from your browser.

Intranet Sample Content

The Intranet sample demonstrates managing navigation from SharePoint Lists.

The master page used is seattle-mdd.master. A Design Manager compatible master page named seattle-mdd-dm.html is also included.

The following SharePoint lists are used in this example:

  • /sites/intranet/hr/lists/hr links /sites/intranet/hr/lists/hr nav content
  • /sites/intranet/marketing/lists/marketing links
  • /sites/intranet/marketing/lists/marketing nav content
  • /sites/intranet/marketing/lists/marketing faq
  • /sites/intranet/knowledgebase links
  • /sites/intranet/offices
  • /sites/intranet/office news

SuiteBar Sample Content

The SuiteBar sample demonstrates managing navigation from SharePoint Lists.

The master page used is seattle-mdd-suitebar.master. A Design Manager-compatible master page named seattle-mdd-suitebar-dmgr.html is also included.

The following SharePoint lists are used in this example:

  • /sites/suitebar/hr/lists/hr links
  • /sites/suitebar/hr/lists/hr nav content
  • /sites/suitebar/marketing/lists/marketing links
  • /sites/suitebar/marketing/lists/marketing nav content
  • /sites/suitebar/marketing/lists/marketing faq

Default Master Pages

The samples directory also includes two default master pages that match the out-of-the-box seattle.master included in SharePoint 2013. The included master pages have Mega Drop Down configured and you can deploy these to your sites to quickly start working with Mega Drop Down. seattle-mdd.master ASP.NET master page seattle-mdd-dm.html Master page that can be deployed through the SharePoint Design Manager.