<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="Templates.Page" xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml">

	<!-- data template used to convert DataItem objects into UIElement objects -->
	<UserControl.Resources>
		<DataTemplate x:Key="DataItemTemplate">
			<StackPanel Orientation="Horizontal" Height="30">
				<TextBlock Text="{Binding ItemType}" Margin="5" VerticalAlignment="Bottom" Foreground="Red" FontSize="10" />
				<TextBlock Text="{Binding ItemName}" Margin="5" VerticalAlignment="Bottom" />
			</StackPanel>
		</DataTemplate>
	</UserControl.Resources>
	
	<!-- page content -->
	<Grid x:Name="LayoutRoot">
    
    	<Grid.Background>
    		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    			<GradientStop Color="#FF7EB9F0" />
    			<GradientStop Color="#FF284259" Offset="1" />
    		</LinearGradientBrush>
    	</Grid.Background>

		<!-- grid layout -->
		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="*" />
			<ColumnDefinition Width="*" />
		</Grid.ColumnDefinitions>
		
		<!-- ListBox on the left -->
    	<StackPanel Margin="5">
    		<TextBlock Text="ListBox Control" />
			<ListBox x:Name="_listBox" ItemTemplate="{StaticResource DataItemTemplate}" />
		</StackPanel>
		
		<!-- C1ComboBox on the right -->
    	<StackPanel Grid.Column="2" Margin="5">
    		<TextBlock Text="C1ComboBox Controls" />

			<!-- C1ComboBox 1 -->
    		<c1:C1ComboBox x:Name="_cmb1" ItemTemplate="{StaticResource DataItemTemplate}" Margin="0,0,0,5" Height="36" />
    		
			<!-- C1ComboBox 2 -->
    		<c1:C1ComboBox x:Name="_cmb2" FontSize="12" Margin="0,0,0,5" Height="30">
				<c1:C1ComboBox.ItemTemplate>
					<DataTemplate>
						<TextBlock Text="{Binding}" FontFamily="{Binding}" Margin="4" Height="24" />
					</DataTemplate>
				</c1:C1ComboBox.ItemTemplate>
    		</c1:C1ComboBox>
    		
    	</StackPanel>
    	
	</Grid>
</UserControl>