Replace vertical navigation in custom master page from snippet gallery

Question

Hi.
I'm creating a new master page from seattle.master and I'm trying to implement a customized snippet from the snippet gallery into the master page code without success.  The following line is straight from a seattle.master page:
<div id="sideNavBox" class="ms-dialogHidden ms-forceWrap ms-noList">
From here, I see where I think the replacement snippet should go; however, there are discrepancies between the structure of the snippet and the code I'm replacing.  Also, the snippet from the gallery is calling some ASP registrations that I
don't see in the original master page code.
How can I insert my custom vertical navigation snippet into this master page? 

Answer 1

Hi,
You want to replace the entire <div id="sideNavBox" /> found in your custom HTML Master Page. Your custom vertical navigation will need to replace the entire container and all of its child controls.
Your custom vertical navigation snippet should start similar to:
<div data-name="QuickLaunch">
<!--CS: Start Vertical Navigation Snippet-->
<!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
<!--SPM:<%@Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation" Assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
<div id="sideNavBox" class="ms-dialogHidden ms-forceWrap ms-noList">
Design Manager's snippet manager adds the Register tags into the snippet so that the snippet is self-contained. Your HTML Master Page likely contains these Register tags already but you can leave them as Design Manager will handle any duplicates for you.
The structure of the snippet itself appears different because the seattle.html HTML Master Page includes modifications.
Eric Overfield - PixelMill -
ericoverfield.com -
@EricOverfield