I have a question regarding sharepoint 2007 custom top navigation.

How can I create this kind of navigation? (dropdown with customizable <li> content.) I know that sharepoint uses table for this :)

check out some samples here :

I'm not talking about static navigation. There's no problem if we use static navigation.

UPDATE ----------------------------------- : Okay guys! you all are awesome. Thanks for the answers ( new answers are welcome ). It turns out to two temporary conclusion.

For those who wants to give a different look and usability enhancement, your could try this , but if you want something more sophisticated ( using dynamic images, etc ). im still thinking the list is better option. or maybe you have a better thought? share with us!!

Will update this regularly ;) Cheers. Nick

  • Need your advice guys. Regarding the best practice. where do we put this customized menu ? master page or as a webpart ? i heard we cant put anything "custom code" on the master page?? ( mind my question, im a web designer im not too technical on sp :) ) Thanks. Gday. – user640 Apr 15 '10 at 6:20

Check out the series of blog posts starting here Creating Mega Drop Down Navigation in SharePoint with jQuery – Part 1 What you are looking for is usually called a "mega menu".

Update due to broken link:

This is available in WebArchive here:


That is why we should not have link-only answers!

  • Interesting Marc!! Will take a look. really appreciate it :) – user640 Apr 15 '10 at 0:06

I think that you will find that for those sites listed that they have either implemented their own custom navigation control that emits rendered HTML or that they have used the ootb navigation control and added a whole bunch of CSS customisations in order to get the appearance desired.

Take a look at this article which has a pretty good overview of the topic.

  • Hi Michal, Yes, i've done this also. im thinkin of something more "automatic" so when they create a subsite or whatever. it will automatically shown. or i may say modifying sp default menu ( some says its from .dll ) really appreciate this :). – user640 Apr 14 '10 at 18:33

Have a look at Templates-based menu control for SharePoint by Waldek Mastykarz

  • Inetersting Jaap. indeed will take a look on it! ;) THanks – user640 Apr 20 '10 at 5:45

You can also try building your own SiteMapProviders.

  • Hmm.. have you done it before John ? i will browse this sitemapproviders.. Thank you :) – user640 Apr 20 '10 at 5:46
  • I've built them before. It's pretty straighforward except you have to worry about concurrency. You also have to remember that the sitemapprovider is stored in the application cache, so the same object is being loaded for all sitemap requests. – Steve Lineberry Apr 20 '10 at 13:23

I've done work in the past where I created a custom navigation provider and used SharePoint lists to maintain the configuration.

  • Mike, where do you put it? masterpage or as a web part? do you have any reference for this ? :) Thank you so much. – user640 Apr 20 '10 at 5:44
  • In my case it was a "custom navigation provider" baked into the MasterPage. If you do a search on the net you can find a few examples like this one: faraz-khan.blogspot.com/2008/11/… In my case I used both the default menu provider for localized nav for the site collection and then the custom provider for global navigation across applications and site collections. – Mike Oryszak Apr 20 '10 at 12:55
  • You mentioned wanting it to be automatically populated. This could potentially be done with an event receiver to log new sites to the list, but they would likely need to be organized given the format you want. – Mike Oryszak Apr 20 '10 at 12:55

Best thing to do is set up a "task" list type, then you add hyperlinks fields (you can attach several) to the new list. Then you populate the list with the users and the hyperlinks you want them to be exposed to. Then create a view with the hyperlinks and the filter set to [Me] and your done!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy