or
private
void
RadTileViewItem_MouseLeftButtonUp(
object
sender, MouseButtonEventArgs e)
{
RadTileViewItem item = (sender
as
RadTileViewItem);
if
(item.TileState == TileViewItemState.Maximized)
{
item.TileState = TileViewItemState.Minimized;
item.HeaderStyle = (Style)FindResource(
"TileViewItemHeaderStyle4"
);
}
else
{
item.TileState = TileViewItemState.Maximized;
}
}
<
UserControl
xmlns:my
=
"clr-namespace:WpfApplication1"
x:Class
=
"WpfApplication1.NodeView"
xmlns:telerik
=
"http://schemas.telerik.com/2008/xaml/presentation"
xmlns:TileView
=
"clr-namespace:Telerik.Windows.Controls.TileView;assembly=Telerik.Windows.Controls.Navigation"
>
<
UserControl.Resources
>
<
Style
x:Key
=
"TileViewItemHeaderStyle1"
TargetType
=
"{x:Type TileView:TileViewItemHeader}"
>
<
Setter
Property
=
"Background"
Value
=
"red"
>
</
Setter
>
</
Style
>
<
Style
x:Key
=
"TileViewItemHeaderStyle2"
TargetType
=
"{x:Type TileView:TileViewItemHeader}"
>
<
Setter
Property
=
"Background"
Value
=
"Orange"
>
</
Setter
>
</
Style
>
<
Style
x:Key
=
"TileViewItemHeaderStyle3"
TargetType
=
"{x:Type TileView:TileViewItemHeader}"
>
<
Setter
Property
=
"Background"
Value
=
"Green"
>
</
Setter
>
</
Style
>
<
Style
x:Key
=
"TileViewItemHeaderStyle4"
TargetType
=
"{x:Type TileView:TileViewItemHeader}"
>
<
Setter
Property
=
"Background"
Value
=
"Blue"
>
</
Setter
>
</
Style
>
</
UserControl.Resources
>
<
Grid
>
<
telerik:RadTileView
Name
=
"radTileView1"
MinimizedColumnWidth
=
"300"
MinimizedRowHeight
=
"155"
VerticalAlignment
=
"Top"
IsVirtualizing
=
"True"
Grid.ColumnSpan
=
"3"
>
<
telerik:RadTileViewItem
Header
=
"Node Back Left"
HeaderStyle
=
"{StaticResource TileViewItemHeaderStyle1}"
MouseLeftButtonUp
=
"RadTileViewItem_MouseLeftButtonUp"
/>
<
telerik:RadTileViewItem
Header
=
"Node Back Right"
HeaderStyle
=
"{StaticResource TileViewItemHeaderStyle2}"
MouseLeftButtonUp
=
"RadTileViewItem_MouseLeftButtonUp"
/>
<
telerik:RadTileViewItem
Header
=
"Node Front Left"
HeaderStyle
=
"{StaticResource TileViewItemHeaderStyle3}"
MouseLeftButtonUp
=
"RadTileViewItem_MouseLeftButtonUp"
/>
<
telerik:RadTileViewItem
Header
=
"Node Front Right"
HeaderStyle
=
"{StaticResource TileViewItemHeaderStyle4}"
MouseLeftButtonUp
=
"RadTileViewItem_MouseLeftButtonUp"
/>
<
telerik:RadTileViewItem
Header
=
"Node Center"
HeaderStyle
=
"{StaticResource TileViewItemHeaderStyle3}"
MouseLeftButtonUp
=
"RadTileViewItem_MouseLeftButtonUp"
>
</
telerik:RadTileViewItem
>
</
telerik:RadTileView
>
</
Grid
>
</
UserControl
>
<
DataTemplate
x:Key
=
"tabItemTemplate"
>
<
Grid
Height
=
"100"
>
<
TextBlock
Text
=
"{Binding Mode=OneWay, Converter={StaticResource enumConverter}}"
VerticalAlignment
=
"Center"
/>
</
Grid
>
</
DataTemplate
>
<telerik:RadTabControl ItemsSource="{Binding Source={x:Static data:ActivityType.Production}, Converter={StaticResource enumWithoutNoneConverter}}"
ItemTemplate="{StaticResource tabItemTemplate}"
SelectedItem="{Binding SelectedType}"
TabOrientation="Vertical"
TabStripPlacement="Left" />