2013-05-21

 

This items control shows each item one by one in a popup. There are two buttons either left or top. With them it is possible to go through the items. The control can be aligned vertically or horizontally.

 

alt

 

Usage

<UserControl x:Class="DW.WPFToolkit.Demo.SidePaneControl"
			 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
			 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
			 xmlns:Toolkit="http://schemas.my-libraries.de/wpf/toolkit">
	<DockPanel>
		<Toolkit:SidePane Position="Left" SelectedIndex="0" PopupWidth="150">

			<Toolkit:SidePaneItem Header="Persons">
				<ListBox ItemsSource="{Binding Customers}">
					<ListBox.ItemTemplate>
						<DataTemplate>
							<StackPanel Orientation="Horizontal">
								<TextBlock Text="{Binding Name}" />
								<TextBlock Text="{Binding FamilyName}" Margin="2,0,0,0" />
							</StackPanel>
						</DataTemplate>
					</ListBox.ItemTemplate>
				</ListBox>
			</Toolkit:SidePaneItem>

			<Toolkit:SidePaneItem Header="Cars">
				<ListBox />
			</Toolkit:SidePaneItem>

			<Toolkit:SidePaneItem Header="Bikes">
				<ListBox />
			</Toolkit:SidePaneItem>

		</Toolkit:SidePane>
		
		<Grid />
	</DockPanel>
</UserControl>
using System.Windows.Controls;
using DW.SharpTools;
using DW.WPFToolkit.Demo.Data;

namespace DW.WPFToolkit.Demo
{
	public partial class SidePaneControl : UserControl
	{
		public SidePaneControl()
		{
			InitializeComponent();
			DataContext = this;

			Customers = new EnhancedObservableCollection<Customer>();
			Customers.AddRange(CustomerRepository.CreateDummyData());
		}

		public EnhancedObservableCollection<Customer> Customers { get; set; }
	}
}

 

 

Note

This control needs the DW.SharpTools.