Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Neil — Fri, 27 Apr 2007 11:41:17 GMT

Assumes you have Visual Studio .NET or 2005.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Braden Callahan — Fri, 27 Apr 2007 18:07:58 GMT

Thanks for the post, seems like everyone I work with wants their own navigation. Do you have any idea how to make this work:

http://msdn2.microsoft.com/en-us/library/ms466994.aspx

I have tried walking through this tutorial and it just doesn't work.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Yogesh Vanera — Wed, 02 May 2007 13:55:47 GMT

I have created one document library by C# code

but unable to display it on quick launch

could you help me out in this

please mail me yvanera@sapient.com

SharePoint Kaffeetasse 08

SharePoint, SharePoint and stuff — Wed, 02 May 2007 15:21:41 GMT

Upgrade und Migration How to Upgrade an Area based on a Custom Site Definition Upgrade Link-Übersicht

Sharepoint Weekly 4

Arno Nel 2.0 - the Strategic Architect — Fri, 04 May 2007 08:52:35 GMT

Fellow blogger Amanda Murphy is INETA president elect ! The SharePoint Solutions Blog releases the Site

SPPD072 SharePointPodcast

SharePointPodcast.de — Mon, 07 May 2007 16:35:44 GMT

Direkter Download: SPPD-072-2007-05-07 [00:00] Intro Windows 386 Promo Video [00:00] Themen Interactive

SPPD072 SharePointPodcast

SharePoint, SharePoint and stuff — Mon, 07 May 2007 16:39:47 GMT

Direkter Download: SPPD-072-2007-05-07 [00:00] Intro Windows 386 Promo Video [02:21] Themen Interactive

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Francisco Javier — Fri, 11 May 2007 10:58:54 GMT

Thanks for the post, it's just what I need... but, I don't know where the code or DLL must be placed... can you explain it please?

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Danielz — Sun, 13 May 2007 14:09:43 GMT

Excellent article just what I needed!

One question: How to modify this sample to add links under subsites in Sites section?

I've tried your samle and added subsite named 'subsite' and tried to modify line:

SPNavigationNode rootListLink = web.Navigation.GetNodeByUrl("/subsite/default.aspx");

but added links appear only in Top link bar not under subsite in Quicklaunch.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Yadnesh — Mon, 14 May 2007 10:41:53 GMT

Hi,This is fine, but what is the way to add javascript in this quick launch thing.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

angelmex — Mon, 14 May 2007 22:55:04 GMT

All right, here are some answers to your questions:

1. To perform these actions, you don't need VS 2005 or Sharepoint Designer. Notepad should be enough to modify the Master Page :)

2. The Object Model code should live in a WFE, and it can be anything from a console, window app or dll that's called from another app. Just create a new app in VS, add a reference to Microsoft.Sharepoint.dll, and add the code above to your .cs file. More info on OM programming can be found here: http://msdn2.microsoft.com/en-us/library/ms430674.aspx

3. To add links under the headings in the Quick Launch, replace the following line of code:

SPNavigationNode rootListLink = web.Navigation.GetNodeByUrl(list.DefaultViewUrl);

for:

SPNavigationNode rootListLink = web.Navigation.GetNodeById(1026);//or the Id of the node under which you'll add the links

There's an upcoming post that details the differences in the way we handle some URLs and why sometimes GetNodeByUrl doesn't work as expected...

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

angelmex — Mon, 14 May 2007 23:35:43 GMT

The SDK article in http://msdn2.microsoft.com/en-us/library/ms466994.aspx has some mistakes and omissions in the task related to create a custom masterpage:

Step 4 should be split in 2. First, create the new subsite, and upload the new master page in there. Then run the code to set the .MasterUrl property.

Also, the italic tags are confusing. I'll report these mistakes and get a better document out. Thanks for the catch!

re: Customizing the Quick Launch menu: Modify the background image

jim.beck@chivas.com — Fri, 01 Jun 2007 11:50:24 GMT

Hi,

I am currently trying to have a single image as the background which takes in the ms-leftareacell/ms-titlearealeft area, and set the Quick Launch Menu background to be transparent but the list/items to display.

This is so that the background image image will butt against my ms-bannerframe image to form a seamless top and LHS image.

I have tried various permutations in my theme.css, but can't seem to make it work.

Has anyone been here before ?.

The top of my ms-leftareacell image is the bottom half of a circle, which needs to butt onto the top half of a circle in my ms-bannerfarme image.

Thanks in advance for any help I can receive.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Homerhirn — Thu, 14 Jun 2007 14:00:07 GMT

Hellu!

I think this post is exectly what I'm looking for. But it turns out, I'm a total ASP-Noob, so

can someone please explain in a more detailed way what to do with the OM-Code?

Compile it in a dll an sign it, and now? Where shall I put/install it? (GAC?) And how does the server know that it should use it?(XML-Config?) (What is the "WFE"?)

Would appreciate your help. Thx in advance!

Homerhirn.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Thimo — Fri, 03 Aug 2007 11:04:35 GMT

Hi,

I got a question about the top navigation bar. No matter what I do the current site is always the first link highlighted on the left side.

We would like to have the top navigation look the same on every site collection, meaning that there are the four links (Home, Organisations, Projects, Knowledge Base) on every site in that order without the current site collection highlighted on the left.

Any ideas?

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

chris — Thu, 23 Aug 2007 23:11:58 GMT

I have tried to get that 3rd level of menu to appear in the flyouts with no success. How do you tell it what to display there. Is it possible in the Nav settings gui or do you have to do in OM

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Andrew — Mon, 10 Sep 2007 10:02:45 GMT

Hi, I have the dynamic menus going fine (thanks!). The background is white, no matter what theme I use. The theme I want to use has white text, so the menus are unreadable. Any ideas on how to change the background colour?

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Jack — Mon, 17 Sep 2007 20:20:23 GMT

This flyout menu does not work in Firefox.. any workarounds?

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

ndesh2 — Tue, 30 Oct 2007 23:22:19 GMT

I'm trying to incorporate a tree view in my sharepoint site. The look needs to be how an asp:treeview control would render the tree - with expand-collapse and subnodes appearing below the parent node instead of to the right (as shown above).

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

KieranK — Wed, 31 Oct 2007 09:54:42 GMT

I found it DOES work in firefox, but some of the css styling is causing the fly-outs to display strangely. In the master page, below the quick launch menu control listed above, is this:

<asp:SubMenuStyle CssClass="ms-navSubMenu1"/>

<asp:SubMenuStyle CssClass="ms-navSubMenu2"/>

</LevelSubMenuStyles>

I removed the second entry for

<asp:SubMenuStyle CssClass="ms-navSubMenu2"/>

and the fly-out now displays fine in Firefox and Safari.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Prashant — Thu, 20 Dec 2007 14:25:40 GMT

Can we implement role based quick launch, means make menu item enable disable based on User Role

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

HH — Thu, 03 Jan 2008 16:17:21 GMT

I'd be interested on the same thing as Prashant. Has anyone got any ideas how to approach this "problem" :)

How to make a "Super Menu" control for SharePoint

Eric Legault My Eggo — Tue, 12 Feb 2008 00:41:28 GMT

Note: These instructions apply to MOSS 2007. It's tinier than the Quick Launch area, more powerful than

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Sandeep — Wed, 12 Mar 2008 16:00:50 GMT

Hi,

I am conparitively new to sharepoint. I want to implement Flyout menu for navigation which i did successfully.

Now, i want to change the behaviour of the left navigation i.e when a user goes to a menu, its child menus are displayed. This is the default behaviour of the menu. Here i want to highlight the parent menu i.e. user should know which menu is the parent menu for the child menus he is looking into?

In short i want to know how to highlight the parent menu items.

I will appreciate any help in this regards.

Thanks,

Sandeep

SharePoint APAC Conference and recent articles

Mirrored Blogs — Mon, 17 Mar 2008 21:08:57 GMT

Body: I have been getting ready for my presentation at the APAC conference . I will do a solo session

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

karthik — Thu, 20 Mar 2008 08:41:11 GMT

Hi luis,

Its very useful blog...

I've tried in my portal home page.its working fine.but i dont know why half of the words are hiding behind the body of the site?

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Meghna — Thu, 03 Apr 2008 08:20:53 GMT

Hi,

I am able to implement fly out menus successfully but when i login with admin credentials i am able to see. When i login with the viewer or member rights the popoutmenus and the arrow don't appear.

Any help on this would be very useful.

Thanks,

Meghna

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Manuel Schön — Fri, 11 Apr 2008 10:59:41 GMT

I've created a Navigation like shown at the top of the page and it is more comfortable for our Sharepoint. But I've still one question. When I want to change the Style, I cannot find a style element in the core.css for the 3rd level. At the picture on the top of the page the items are blue like links, like my problem. which css-element I have to change to get the same text-color like the items on the higher levels?

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Lauri V — Mon, 14 Apr 2008 13:47:08 GMT

Does anyone have a solution for the styling problem of the subsite headers? First of all the bullet comes as a dublicate and the width varies depending how you navigate.

Deleting Flyouts from QuickLaunch Menu in SharePoint

LaShelle Cline — Sat, 19 Apr 2008 00:33:18 GMT

Here is the code that I created to delete the flyouts, if you install them as Luis advised:

using System;

using System.Collections.Generic;

using System.Text;

using Microsoft.SharePoint;

using Microsoft.SharePoint.Navigation;

namespace FlyOutDelete

{

class Program

{

static void Main(string[] args)

{

SPSite site = new SPSite("http://yourweb");

SPWeb web = site.OpenWeb();

SPList list = web.Lists["TestList"];

SPNavigationNode rootListLink = web.Navigation.GetNodeByUrl(list.DefaultViewUrl);

SPNavigationNode node = null;

foreach (SPNavigationNode curnode in rootListLink.Children)

{

curnode.Delete();

}

SPNavigationNode thisnode = rootListLink.Parent;

thisnode.Delete();

}

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

LaShelle Cline — Sat, 19 Apr 2008 10:16:22 GMT

In the previous post, this line of code:

thisnode.Delete();

will delete the parent node (meaning the list link will no longer show up in the Quick Launch menu), so you will have to relink your SharePoint List in the Quick Launch menu by going to the List Settings->"Title, description, and navigation" and make sure the "Display this list on the Quick Launch?" Yes radio button is chosen. This is only needed if you chose to add the line of code above. I created this console application in Visual Studio 2005 so it would delete the flyouts that linked to custom SharePoint pages instead of only built-in list views. As you can imagine, deleting my tests was a necessity because my first few attempts did not work out as expected. Basically I was creating linked node lists that linked to other node lists; I needed the ability to delete the parent nodes until all of the flyouts were gone. I will also share the code I used to add custom links to my client's SharePoint site soon.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

erugalatha — Wed, 21 May 2008 14:57:25 GMT

how to create a link in the quick launch to create a new document in a document library?

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

LaShelle Cline — Fri, 06 Jun 2008 00:50:55 GMT

Well, if you don't care if the link is a fly-out link, you can add custom links to your Quick Launch by going to Site Settings->Quick Launch, and add a new link or heading. To get the correct URL, navigate to the document library and click on Upload, and then copy the URL it takes you to. Remember to remove everything after upload.aspx.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

LaShelle Cline — Fri, 06 Jun 2008 00:55:28 GMT

Sorry, didn't read your comment carefully. Instead of going to "Upload" in your document library, you would just take the URL of your document library and concatenate /Forms/template.doc (or whatever file extension you used for your new documents). So if your document library was called "Shared", your URL would look something like http://MySharePointSite/Shared/Forms/Template.doc.

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Ian Vaughan — Fri, 13 Jun 2008 17:25:50 GMT

Please could someone tell me how to automatically get newly created sub-sites to be under (or fly out) of the Sites heading. All my subsites show as headings on quicklaunch unless I manually move them under the Sites heading.

WSS3SDK之：定制导航和新的用户界面元素

Sunmoonfire — Fri, 20 Jun 2008 13:34:14 GMT

WSS3.0在导航方面为用户提供了许多令人振奋的新功能，用于提升用户对站点上下文的感知。分别位于顶部左侧和页面中间区域的两个新的面包屑导航(breadcrumb)控件为用户提供了当前网站上层和内部站...

re: Customizing the Quick Launch menu: Adding fly-out menus to SharePoint navigation

Lee — Mon, 18 Aug 2008 09:41:56 GMT

Thanks I can get the 2 tier fly out menus working for views. Is there a way to apply the same principle to folders in a document library insetad of views?