Tuesday, September 2, 2014

How to display drop down menu (top navigation)

I am trying to display top navigation as drop down menu just like you see in theme "seattle".
I created my own theme, then I went to "Design Manager" and then I went to "Snippets". I copied the top navigation snippet in my master page but it is showing all links as it is i.e. it is not showing in drop down format.
I thought may be because I didn't use snippet from "seattle" so I copied seattle's snippet in my master page but same problem :(
How do I show drop down like seattle so that I can modify it according to my needs? I will modify it using Firebug but first I need to display it which I am unable to to for the past many days now.
EDIT1
  1. I have opened preview and snippet of seattle theme
  2. I am just playing with values of StaticDisplayLevels and I notice that when I press "Update" button, it does change preview in "snippet"
  3. But when I go back to preview page (the left side tab in screenshot) and refresh page then I don't see any change. So it looks like besides pressing "Update" button I also need to do something else?
Screenshots given below.
  • Screenshot1 enter image description here
  • enter image description here






up vote 1 down vote accepted
Did you change any attributes inside SharePoint:AspMenu ?
Try setting StaticDisplayLevels="3" and MaximumDynamicDisplayLevels="1" inside your generated HTML for the master.
Or, in the Design manager, in snippet's settings, you could set the same settings according to the sceenshot:
enter image description here












If your menu is still not displaying in a drop-down, make sure the AdjustForShowStartingNode = true.
enter image description here

No comments:

Post a Comment