I would like to have a floating menu the menu can come from a list or use the Quick launch. Any ideas or samples out there.. For example if i can make this float http://clarklab.net/blog/articles/dropdown/example.html Cheers

  • ever get an answer? I am trying to do the same thing – user5155 Oct 7 '11 at 17:26
  • @jasonus I went ahead and converted your answer to a comment. With a bit more reputation, you will be able to post comments everywhere. – Kit Menke Oct 7 '11 at 17:29

There's a few approaches to this. If you want to use the Quick Launch you'd probably need to manipulate the Quick Launch DOM with jQuery to create the desired effect. You can push your own styles, but the actual DOM structure around the Quick Launch isn't something that can easily be changed.

Your other option would be to use either the API or SPServices (http://spservices.codeplex.com) to query items from a list and render a nav as you described.

Both options would work and the majority of the work is simple CSS. There's probably a list query example on the SPServices site that you could use almost verbatim for your application if you wanted it list driven.

Just build a simple ul element with li's for each link and style them with CSS (add jQuery if you want sliding effects or other UX enhancements). Some of that could also be done with CSS3, but until more users adopt current browser versions that support CSS3 it's not a real viable option (unless this is an internal environment and you can guarantee browser version for all of your users).

  • thanks webdes03. I have used SPServices and sure it a great idea just taught if there was a way to use the OTB quicklaunch – naijacoder Oct 8 '11 at 4:22

Your Answer

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.