Loading...
logo
меню

RE: SharePoint 2013 Master Pages and qCascadingMenu

06/17/2013 at 8:43 am #5433
Anonymous
Anonymous
Participant

Hi John,

To answer your first question, if you are using SharePoint Designer 2013 try the instructions below.  Let us know if you have any questions.

It is highly suggested that the following steps are implemented and verified in a DEV environment and “elevated” to a production environment as a part of a change control process.

1.  Create a web part page

2.  Add either a qCascadingMenu or qPanelMenu to the page (Steps are the same for both).  Similar to the screenshot below.  You need to add the web part to the page first so you can copy out needed XML.

ScreenShot1.jpg

3.  Configure the web part using ezEdit. For more info on configuring each web part please see the following video (Cascading

     Cascading Menu: http://bcove.me/a0a231pm

     qPanelMenu: http://bcove.me/bnw4loee

4.  Keep the page above open because we will come back and copy out some xml needed for steps later in the process.

5.  Using SharePoint Designer right click the master page and select “Edit the File in Advanced Mode” (page name = “seattle.master”)

ScreenShot2.jpg

add the following node to the header of the page:

<%@ Register TagPrefix="Navigation" Namespace="WA.Navigation" Assembly="WA.Navigation, Version=4.0.0.0, Culture=neutral, PublicKeyToken=2b4b09f1c57c8f0b"%>

When done the header should look like this:

<%@Master language="C#"%>

<%@ Register TagPrefix="Navigation" Namespace="WA.Navigation" Assembly="WA.Navigation, Version=4.0.0.0, Culture=neutral, PublicKeyToken=2b4b09f1c57c8f0b"%>

6.  In the master page, find theSPNavigationManager node and add the following attribute (visible=”false”).  This step hides the default navigation menu provided by SharePoint.

The node should look like the following when complete:

<SharePoint:SPNavigationManager id="QuickLaunchNavigationManager" runat="server" QuickLaunchControlId="V4QuickLaunchMenu" ContainedControl="QuickLaunch" EnableViewState="false" Visible="false">

7.  Go back to the page created in step 1 and open the page (right click the page in SP designer and select “Edit the File in Advanced Mode”).

8.  Search for and copy the code for the CascadingMenu or PanelMenu web part node similar to the one below.

Be sure to copy the ENTIRE node:

<WpNs0:PanelMenu runat="server" __MarkupType="xmlmarkup" WebPart="true" __WebPartId="{3939452E-0166-4A1E-8A21-71FA00AE0300}" ><WebPart xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.microsoft.com/WebPart/v2"><Title>qPanelMenu</Title>

  <FrameType>Default</FrameType>

  <Description>Panel Menu webpart</Description>

  <IsIncluded>true</IsIncluded>

  <ZoneID>Header</ZoneID>

  <PartOrder>2</PartOrder>

  <FrameState>Normal</FrameState>

  <Height />

  <Width />

  <AllowRemove>true</AllowRemove>

  <AllowZoneChange>true</AllowZoneChange>

  <AllowMinimize>true</AllowMinimize>

  <AllowConnect>true</AllowConnect>

  <AllowEdit>true</AllowEdit>

  <AllowHide>true</AllowHide>

  <IsVisible>true</IsVisible>

  <DetailLink />

  <HelpLink>/_layouts/15/QuestSoftware/WAResources/Invariant/Help/HTML/QuestWebParts.html?context=QuestWebParts&amp;topic=PanelMenu</HelpLink>

  <HelpMode>Modeless</HelpMode>

  <Dir>Default</Dir>

  <PartImageSmall />

  <MissingAssembly>Cannot import this Web Part.</MissingAssembly>

  <PartImageLarge>/_layouts/15/QuestSoftware/WAResources/Invariant/Images/PanelMenuWebPart.gif</PartImageLarge>

  <IsIncludedFilter />

  <ExportControlledProperties>true</ExportControlledProperties>

  <ConnectionID>00000000-0000-0000-0000-000000000000</ConnectionID>

  <ID>g_3939452e_0166_4a1e_8a21_71fa00ae0300</ID>

  <PanelMenuConfiguration xmlns="http://www.workplacearchitects.com/Navigation">&lt;Configuration&gt;

  &lt;Menu SiteUrl=&quot;.&quot; ListName=&quot;PMMenuExample&quot; TextFieldName=&quot;Text&quot; MenuIdFieldName=&quot;Menu ID&quot; ParentMenuIdFieldName=&quot;Parent Menu ID&quot; TargetUrlFieldName=&quot;Target URL&quot; TargetFieldName=&quot;Target&quot; IconUrlFieldName=&quot;Icon URL&quot; CultureFieldName=&quot;Culture&quot; /&gt;

&lt;/Configuration&gt;</PanelMenuConfiguration>

  <RibbonTabName xmlns="http://www.workplacearchitects.com/Navigation" />

</WebPart></WpNs0:PanelMenu>

9.  Paste the node copied above after the SPNavigationManager node updated in step 5

10.  Replace the value "WpNs0" with "Navigation".

ScreenShot3.jpg

10.  Save the master page

11.  Refresh the page created in step 1 from within the browser and the result should look like the following:

ScreenShot4.jpg