Top Navigation XSLT code for Custom Navigation Module

One problem when using the Custom Navigation module in Office Live is the inability to switch to a horizontal layout. By default, it uses a left navigation layout. Changing the NavType to TOP from LEFT in the XSLT code apparently has no effect either. Microsoft should really fix this, but it seems unlikely that will happen any time soon. We promised avd a little more than a month ago that we will have the code for it, but we didn’t get around to doing it until this weekend. So, without further adieu, here is the XSLT code for setting up a horizontal navigation bar with the Custom Navigation module:

  1. Download topnav.xsl and upload it to the Document Gallery.
  2. Add a Custom Navigation module to your web page, then go to Properties. Click on Link to an XSLT file. Click on the Select file… button and pick topnav.xsl from the list. Click OK.
  3. View the web page. You will see a horizontal navigation bar generated from the Custom Navigation module.
12 October 2008 in Office Live Small Business | tags: , ,

5 Comments

Sala says: 8 April 2009 - 7:34 am

awesome .. THANK YOU :)

Wayne Nelms says: 22 April 2009 - 5:42 pm

Thanks much.. A real help.. kudos

If you ever need a free VO, look us up..

Donald says: 29 May 2009 - 5:02 pm

How do I center the text on the topnav code?

royster says: 2 June 2009 - 2:28 am

@Donald: You will need to open topnav.xsl in a text editor, then look for the tag. Change that to . That should do the job.

Sho says: 7 August 2009 - 9:44 pm

You were reading my mind!

Leave a comment