Click here to Skip to main content
Click here to Skip to main content

Navigation Menu for Windows forms (Outlook bar style)

, 2 Apr 2007
Rate this:
Please Sign up or sign in to vote.
This article is about the creation of a user control which have the style like Outlook Express bar or DHTML Menu

Screenshot - scrnshot.jpg

Introduction

For one of my hobby projects, I wanted to use a 'Main Menu'. Rather than using the menu feature of windows I was thinking about some DHTML-style dropdown list menus. After searching I got many paid and free controls from which I only liked Infragestics controls. But in practice it is a big mess; I have to install the whole thing, my project is becoming too large and there is less performance. So I thought I must develop the user control of my dreams.

I would like to share my new user control with you so that you also can use it. It is easy to customize if you have knowledge in C#.

Using the code

Just download the code and add to your windows forms project. The menu items can be added to the control using:

ArrayList NavItems = new ArrayList();

ArrayList childNavItems = new ArrayList();
childNavItems.Add(new ctrlMenuBar.childNavItems("Leads", "mnuLeads"));
childNavItems.Add(new ctrlMenuBar.childNavItems("Project List", 
    "mnuProjectList"));
childNavItems.Add(new ctrlMenuBar.childNavItems("Development", 
    "mnuDevelopment"));

ctrlMenuBar.NavItem nv = new ctrlMenuBar.NavItem("Projects", "mnuProjects", 
    childNavItems, true);
NavItems.Add(nv);

In the following line: ctrlMenuBar.NavItem("Projects", "mnuProjects", childNavItems,true); the true is for telling the control whether it is the selected item or not. This parameter is optional. If you put true on more than one item, the last item will be the selected item.

For Rendering the menu you have to call the method:

ctrlMenuBar1.RenderMenu();

A typical menu initialization section will look like this:

private void frmMain_Load(object sender, EventArgs e)
{
    ArrayList NavItems = new ArrayList();

    ArrayList childNavItems = new ArrayList();
    childNavItems.Add(new ctrlMenuBar.childNavItems("Leads", "mnuLeads"));
    childNavItems.Add(new ctrlMenuBar.childNavItems("Project List", 
        "mnuProjectList"));
    childNavItems.Add(new ctrlMenuBar.childNavItems("Development", 
        "mnuDevelopment"));

    ctrlMenuBar.NavItem nv = new ctrlMenuBar.NavItem("Projects", 
        "mnuProjects", childNavItems, true);
    NavItems.Add(nv);
    childNavItems = new ArrayList();
    childNavItems.Add(new ctrlMenuBar.childNavItems("Client List", 
        "mnuClientList"));

    nv = new ctrlMenuBar.NavItem("Clients", "mnuClients", childNavItems);

    NavItems.Add(nv);

    childNavItems = new ArrayList();
    childNavItems.Add(new ctrlMenuBar.childNavItems("Developer List", 
        "mnuDeveloperList"));

    nv = new ctrlMenuBar.NavItem("Developers", "mnuDevelopers", 
        childNavItems);

    NavItems.Add(nv);

    childNavItems = new ArrayList();
    childNavItems.Add(new ctrlMenuBar.childNavItems("Reports","mnuReports"));
    childNavItems.Add(new ctrlMenuBar.childNavItems("Events", "mnuEvents"));
    childNavItems.Add(new ctrlMenuBar.childNavItems("Documents",
        "mnuDocuments"));
    nv = new ctrlMenuBar.NavItem("Utilities", "mnuUtilities", childNavItems);

    NavItems.Add(nv);

    ctrlMenuBar1.MenuItems = NavItems;
    ctrlMenuBar1.RenderMenu();
}

You can catch the button click events from the control to the method OnMenuSelection() For example:

private void ctrlMenuBar_OnMenuSelection(object sender, EventArgs e)
{
    Button btn = (Button)sender;
    label1.Text = "You clicked: " + btn.Name;
}

Behind the Screens

Behind the screens the User Control (ctrlMenuBar.cs) uses a main class ctrlMenuBar with two child classes: NavItem for parent menu items, and childNavItems for child menu items.

History

I am still making changes to the User Control. Whenever a major change is added, I will update this article. Thanks for trying my User Control.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

About the Author

NinethSense

India India
Praveen.V.Nair - aka NinethSense - PMP, Microsoft MVP - is a person with an abnormal passion for technology. He has been playing with electronics from the age of 10 and with computers from the age of 14. He usually blogs at http://blog.ninethsense.com/.
Follow on   Twitter

Comments and Discussions

 
GeneralMy vote of 4 PinmemberPatrick Gatt1-Aug-13 2:46 
GeneralMy vote of 5 PinmemberS.Dimitrov13-Apr-13 11:17 
Questionerror in source code PinmemberBilwani1-Jan-12 20:50 
Questionhow to use this control? Pinmembervenkat11125-Dec-07 23:01 
Generalmissing source [modified] PinmemberPete102422-Aug-07 22:41 
GeneralRe: missing source PinmemberNinethSense23-Aug-07 19:26 
General11 Pinmembertehnn29-Apr-07 16:32 
GeneralRe: 11 PinmemberNinethSense29-Apr-07 18:24 
GeneralGood PinmemberEhsan Golkar10-Apr-07 1:23 
GeneralRe: Good PinmemberNinethSense15-Apr-07 19:58 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web02 | 2.8.140709.1 | Last Updated 2 Apr 2007
Article Copyright 2007 by NinethSense
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid