Silverlight Main Menu
This free Main Menu control provides Silverlight developers with an easy to use and customizable drop down menu system with a familiar default style.
This Silverlight only Main Menu Control is easy to implement on your Silverlight driven website and is also customizable to provide a visual feel suitable for any site design.
To use the Main Menu control you will need to add a reference to Liquid.Menu.dll in your project.
You need to login to Download the Main Menu example, If you do not have a login you can register for free!
How to Use the Main Menu Control
To use the Main Menu on your Silverlight page:
<UserControl x:Class="MainMenu.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:liquidMenu="clr-namespace:Liquid;assembly=Liquid.Menu"
Width="400" Height="300">
<Canvas x:Name="LayoutRoot" Background="White">
<liquidMenu:MainMenu x:Name="testMenu" ItemSelected="testMenu_ItemSelected">
<liquidMenu:MainMenu.Items>
<liquidMenu:MainMenuItem Text="Menu 1">
<liquidMenu:Menu>
<liquidMenu:MenuItem ID="item11" Icon="images/document.png" Text="Item 1" />
<liquidMenu:MenuDivider />
<liquidMenu:MenuItem ID="item12" Icon="images/save.png" Shortcut="Ctrl+S" Text="Item 2" />
<liquidMenu:MenuDivider />
<liquidMenu:MenuItem ID="item13" Text="Item 3" />
</liquidMenu:Menu>
</liquidMenu:MainMenuItem>
<liquidMenu:MainMenuItem Text="Menu 2">
<liquidMenu:Menu>
<liquidMenu:MenuItem ID="item21" Text="Item 1" />
<liquidMenu:MenuItem ID="item22" Text="Item 2" />
<liquidMenu:MenuItem ID="item23" Text="Item 3" />
</liquidMenu:Menu>
</liquidMenu:MainMenuItem>
<liquidMenu:MainMenuItem Text="Menu 3">
<liquidMenu:Menu>
<liquidMenu:MenuItem ID="item31" Text="Item 1" />
<liquidMenu:MenuItem ID="item32" Text="Item 2" />
<liquidMenu:MenuDivider />
<liquidMenu:MenuItem ID="item33" Text="Item 3" />
</liquidMenu:Menu>
</liquidMenu:MainMenuItem>
</liquidMenu:MainMenu.Items>
</liquidMenu:MainMenu>
</Canvas>
</UserControl>
Here we have a menu with the name testMenu, this contains three child menus. Each of these have child menu options, they can be nested as deep as required.
Note we assign an ID to each menu item, this allows us to detect which item has been selected using the ItemSelected event which you can see below.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Liquid;
namespace MainMenu
{
public partial class Page : UserControl
{
public Page()
{
InitializeComponent();
}
private void testMenu_ItemSelected(object sender, MenuEventArgs e)
{
switch (e.Tag.ToString())
{
case "item11":
// TODO: New functionality
break;
case "item12":
// TODO: Save functionality
break;
}
}
}
}
The MenuList_ItemSelected event handler is called each time an item is selected. The argument object passed in contains a Tag property which contains the ID of the item that generated the event.
The menu control used here can display images and keyboard shortcuts as well as the title text.
Example Silverlight Main Menu Control:
Further Information
