Silverlight DropDown Control

This free DropDown control is, as its name suggests a generic control for allowing any content to be presented in a manner similar to the ComboBox.

This Silverlight only DropDown 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 DropDown control you will need to add a reference to Liquid.dll in your project.

How to Use the DropDown Control

To use the DropDown on your Silverlight page:

<UserControl x:Class="DropDown.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:liquid="clr-namespace:Liquid;assembly=Liquid"
    xmlns:liquidTreeView="clr-namespace:Liquid;assembly=Liquid.TreeView"
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <liquid:DropDown x:Name="dropDown" Width="100" Height="23" SelectedItemContent="Pick...">
            <liquidTreeView:Tree x:Name="treeView" Width="150" Height="150" EnableLines="True" SelectionChanged="Tree_SelectionChanged">
                <liquidTreeView:Node Title="Root Node">
                    <liquidTreeView:Node Title="Item 1" />
                    <liquidTreeView:Node Title="Item 2" />
                    <liquidTreeView:Node Title="Item 3" />
                    <liquidTreeView:Node Title="Item 4" />
                    <liquidTreeView:Node Title="Item 5" />
                </liquidTreeView:Node>
            </liquidTreeView:Tree>
        </liquid:DropDown>
    </Grid>
</UserControl>


With this DropDown control example we embed a TreeView control, this is the content that will "drop down" or "popup" when the button it clicked.

We have a single DropDown control named dropDown, this when clicked will display the TreeView and allow you to expand and select a single node from the tree.  When you have selected a node the TreeView will close, this is handled in a few lines of C# 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 DropDown
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
        }

        private void Tree_SelectionChanged(object sender, TreeEventArgs e)
        {
            dropDown.SelectedItemContent = e.Target.Title;
            dropDown.IsOpen = false;
        }
    }
}


As you can see in the C# we attach an event handler to theSelectionChanged event which occurs when a node is selected.  In this event we change the SelectedItemContent property of our dropdown to relect the changes made and then close the dropdown with DropDown.IsOpen = false.

Example Silverlight DropDown Control:

The DropDown Control

Further Information

Post your Comments

 
 
Latest Games
Zombie Escape
Apr 19, 2016
Plays: 2,513

Zombie Escape ScreenshotDrive fast before the crazy mutant zombies get you!

6 Ratings/4.1 Average
Car Parking
Jan 16, 2016
Plays: 2,380

Car Parking ScreenshotGuide the car to its parking space in this fun Car Parking game.

1 Rating/5 Average
Trash It
Jan 11, 2016
Plays: 2,284

Trash It ScreenshotAim for the Trash Can and get the various items of Trash in the bin.

4 Ratings/5 Average
Sky Fly
Jan 11, 2016
Plays: 2,435

Sky Fly ScreenshotFly your plane in this colorful vertical scrolling shoot-em-up. Blast the bad guys and collect any bonus's they leave behind.

1 Rating/5 Average
Professor Snappy
Jan 11, 2016
Plays: 1,969

Professor Snappy ScreenshotPop as many bubbles as possible in this fun and colorful bubble popping game. The levels start off easy enough but gradually get harder!

1 Rating/5 Average
Monster Match Saga
Jan 10, 2016
Plays: 2,294

Monster Match Saga ScreenshotHere we have a bunch of monsters that need to be matched up. Look out for the bomb and spinning monsters that will cause special damage!

3 Ratings/4.6 Average
Fly Bird Fly
Jan 10, 2016
Plays: 2,121

Fly Bird Fly ScreenshotGuide your friendly Bird through the maze of pipes and other obstacles collecting the Stars in this cool arcade game inspired by the legendary Flappy Bird.

1 Rating/5 Average
Life In One
Jan 10, 2016
Plays: 2,295

Life In One ScreenshotYou are stranded on an Alien planet. Your goal is to build a space rocket and escape. Start by building units to create power and mine the metal patches. Build defenses to defend your base from the advancing Aliens and Zombies!

2 Ratings/3 Average
X Pool
Jan 02, 2016
Plays: 2,911

X Pool ScreenshotPlay Pool against the computer or battle against your friends in the online mode!

3 Ratings/3 Average
Fruit Slicer
Jan 02, 2016
Plays: 2,009

Fruit Slicer ScreenshotSlice the fruit that is thrown up onto the screen. Slice the fruit into multiple pieces for maximum points!

1 Rating/5 Average