I'm trying to use a RadDropDownButton as a menu. It was working fine with our styles until I added a couple of sub-menu items. Now the style does not seem to be applied correctly to the sub-menu items.
Any idea what I'm doing wrong please? I'm sure it's something simple I'm missing but I haven't been able to spot it yet. :)
<SolidColorBrush x:Key="ControlForeground_Normal" Color="#FF000000"/>
<SolidColorBrush x:Key="CoreButtonOuterBorder"
Color="#bf000000" />
<SolidColorBrush x:Key="CoreButtonBackground"
Color="#bf000000" />
<SolidColorBrush x:Key="CoreButtonInnerBorder"
Color="#BF000000" />
<LinearGradientBrush x:Key="CoreButtonOuterBorder_Pressed"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FF8E8165"
Offset="0" />
<GradientStop Color="#FFC6C0B2"
Offset="1" />
</LinearGradientBrush>
<LinearGradientBrush x:Key="CoreButtonBackground_Pressed"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFFCE79F"
Offset="1" />
<GradientStop Color="#FFF9932E"
Offset="0.51" />
<GradientStop Color="#FFFAAD5F"
Offset="0.5" />
<GradientStop Color="#FFFDD3A8"
Offset="0.07" />
<GradientStop Color="#FFeDc398"
Offset="0" />
</LinearGradientBrush>
<LinearGradientBrush x:Key="CoreButtonInnerBorder_Pressed"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFB69A78"
Offset="0" />
<GradientStop Color="#FFFFD031"
Offset="0.13" />
</LinearGradientBrush>
<LinearGradientBrush x:Key="CoreButtonOuterBorder_Over"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFDBCE99"
Offset="0" />
<GradientStop Color="#FFCCC4AC"
Offset="1" />
<GradientStop Color="#FFB89F73"
Offset="0.5" />
</LinearGradientBrush>
<LinearGradientBrush x:Key="CoreButtonBackground_Over"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFFFE391"
Offset="1" />
<GradientStop Color="#FFFFFDEB"
Offset="0" />
<GradientStop Color="#FFFFD563"
Offset="0.51" />
<GradientStop Color="#FFFFEDB3"
Offset="0.5" />
</LinearGradientBrush>
<SolidColorBrush x:Key="CoreButtonInnerBorder_Over"
Color="#FFFFFDE6" />
<SolidColorBrush x:Key="RibbonButtonDropDownArrow"
Color="#ffffff" />
<SolidColorBrush x:Key="DropDownPopupBackgroundBrush"
Color="#bf000000" />
<SolidColorBrush x:Key="DropDownPopupBorderBrush"
Color="#bf000000" />
<SolidColorBrush x:Key="CoreButtonOuterBorder_Disabled"
Color="#FFAFAFAF" />
<SolidColorBrush x:Key="CoreButtonInnerBorder_Disabled"
Color="#FFE4E4E4" />
<SolidColorBrush x:Key="CoreButtonBackground_Disabled"
Color="#FFE4E4E4" />
<!-- Glass Style for Telerik DropDownButton -->
<Style x:Key="egRadDropDownButton"
TargetType="telerik:RadDropDownButton">
<Setter Property="BorderThickness"
Value="1" />
<Setter Property="BorderBrush"
Value="{StaticResource CoreButtonOuterBorder}" />
<Setter Property="Background"
Value="{StaticResource CoreButtonBackground}" />
<Setter Property="Foreground"
Value="#ffffffff" />
<Setter Property="HorizontalContentAlignment"
Value="Center" />
<Setter Property="VerticalContentAlignment"
Value="Center" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="telerik:RadDropDownButton">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualStateGroup.Transitions>
<VisualTransition From="MouseOver"
GeneratedDuration="00:00:00.1000000" />
</VisualStateGroup.Transitions>
<VisualState x:Name="Normal" />
<VisualState x:Name="MouseOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="mouseOverDecorator"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Duration="00:00:00.0010000"
Storyboard.TargetName="shine"
Storyboard.TargetProperty="(UIElement.Opacity)">
<EasingDoubleKeyFrame KeyTime="00:00:00"
Value="0.4" />
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Duration="00:00:00.0010000"
Storyboard.TargetName="buttonPressed"
Storyboard.TargetProperty="(UIElement.Opacity)">
<EasingDoubleKeyFrame KeyTime="00:00:00"
Value="0.8" />
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="backgroundDecorator"
Storyboard.TargetProperty="BorderBrush">
<DiscreteObjectKeyFrame KeyTime="0"
Value="{StaticResource CoreButtonOuterBorder_Disabled}" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="IsOpenState">
<VisualState x:Name="Closed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<RotateTransform Angle="180" />
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Opened">
<Storyboard>
<!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownDecorator" Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
</ObjectAnimationUsingKeyFrames>-->
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Duration="00:00:00.0010000"
Storyboard.TargetName="shine"
Storyboard.TargetProperty="(UIElement.Opacity)">
<EasingDoubleKeyFrame KeyTime="00:00:00"
Value="0.4" />
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Duration="00:00:00.0010000"
Storyboard.TargetName="buttonPressed"
Storyboard.TargetProperty="(UIElement.Opacity)">
<EasingDoubleKeyFrame KeyTime="00:00:00"
Value="0.8" />
</DoubleAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<RotateTransform Angle="0" />
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="DropDownButtonPosition">
<VisualState x:Name="DropDownButtonAtLeft">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Column)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="0" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Row)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="DropDownButtonAtTop">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Column)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Row)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="0" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="DropDownButtonAtRight">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Column)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="2" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Row)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="DropDownButtonAtBottom">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Column)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Row)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="2" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="PopupPlacementState">
<VisualState x:Name="PlacementBottom" />
<VisualState x:Name="PlacementTop">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<ScaleTransform ScaleX="1"
ScaleY="-1" />
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="PlacementLeft">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<RotateTransform Angle="90" />
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="PlacementRight">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<RotateTransform Angle="-90" />
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="DropShadowVisibilityStates">
<VisualState x:Name="HasShadow" />
<VisualState x:Name="WithoutShadow" />
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
<VisualState x:Name="Focused" />
<VisualState x:Name="Unfocused" />
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border x:Name="backgroundDecorator"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
CornerRadius="4">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="0.5*" />
<RowDefinition Height="0.5*" />
</Grid.RowDefinitions>
<Border x:Name="mouseOverDecorator"
Opacity="0"
Grid.RowSpan="2"
BorderThickness="0"
CornerRadius="4">
<Border.Background>
<RadialGradientBrush GradientOrigin="0.5,1.0"
RadiusX="1"
RadiusY="1"
Center="0.5,1">
<GradientStop Color="#ffd10074"
Offset="0" />
<GradientStop Color="#00da1000"
Offset="1" />
</RadialGradientBrush>
</Border.Background>
</Border>
<Border x:Name="buttonPressed"
Opacity="0"
Grid.RowSpan="2"
BorderThickness="0"
CornerRadius="4">
<Border.Background>
<RadialGradientBrush GradientOrigin="0.5,1.0"
RadiusX="1"
RadiusY="1"
Center="0.5,1">
<GradientStop Color="#ff00ff00"
Offset="0" />
<GradientStop Color="#0000ff00"
Offset="1" />
</RadialGradientBrush>
</Border.Background>
</Border>
<Border x:Name="shine"
Margin="0"
BorderThickness="0"
CornerRadius="4,4,0,0">
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#99FFFFFF"
Offset="0" />
<GradientStop Color="#33FFFFFF"
Offset="1" />
</LinearGradientBrush>
</Border.Background>
</Border>
</Grid>
</Border>
<Border x:Name="DropDownDecorator"
Visibility="Collapsed"
Background="{x:Null}"
BorderBrush="{StaticResource CoreButtonOuterBorder_Pressed}"
BorderThickness="1"
CornerRadius="2">
<Border Margin="0,0,0,0"
Background="{StaticResource CoreButtonBackground_Pressed}"
BorderBrush="{StaticResource CoreButtonInnerBorder_Pressed}"
BorderThickness="1"
CornerRadius="1" />
</Border>
<Border>
<Border>
<Grid Margin="{TemplateBinding Padding}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<ContentPresenter x:Name="ContentPresenter"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
Grid.Column="1"
Grid.Row="1"
Content="{TemplateBinding Content}"
ContentTemplate="{TemplateBinding ContentTemplate}"
Margin="4,-1,4,0" />
<!-- Margin was 4,2 changed for TCWM-2308 (Skills Key)-->
<Path x:Name="DropDownIndicator"
Fill="{StaticResource RibbonButtonDropDownArrow}"
HorizontalAlignment="Center"
VerticalAlignment="Center"
IsHitTestVisible="False"
RenderTransformOrigin="0.5,0.5"
Visibility="{TemplateBinding DropDownIndicatorVisibility}"
Grid.Column="1"
Grid.Row="2"
Data="M 0,0 L 3.5,3.5 L 7,0"
Margin="1" />
</Grid>
</Border>
</Border>
<telerikPrimitives:Popup x:Name="DropDownPopup">
<Grid>
<Border x:Name="DropDownPopupBorder"
Height="{TemplateBinding DropDownHeight}"
Margin="0,0,4,4"
MinHeight="3"
MinWidth="3"
Width="{TemplateBinding DropDownWidth}"
Background="{StaticResource DropDownPopupBackgroundBrush}"
BorderBrush="{StaticResource DropDownPopupBorderBrush}"
BorderThickness="1"
CornerRadius="2">
<ContentControl x:Name="DropDownPopupContent"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Content="{TemplateBinding DropDownContent}" />
</Border>
</Grid>
</telerikPrimitives:Popup>
<Rectangle x:Name="disabledDecorator"
Fill="#99FFFFFF"
Visibility="Collapsed" />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="egRadDropDownButtonAppMenu"
TargetType="telerik:RadDropDownButton">
<Setter Property="BorderThickness"
Value="1" />
<Setter Property="BorderBrush"
Value="{StaticResource CoreButtonOuterBorder}" />
<Setter Property="Background"
Value="{StaticResource CoreButtonBackground}" />
<Setter Property="Foreground"
Value="#ffffffff" />
<Setter Property="HorizontalContentAlignment"
Value="Center" />
<Setter Property="VerticalContentAlignment"
Value="Center" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="telerik:RadDropDownButton">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualStateGroup.Transitions>
<VisualTransition From="MouseOver"
GeneratedDuration="00:00:00.1000000" />
</VisualStateGroup.Transitions>
<VisualState x:Name="Normal" />
<VisualState x:Name="MouseOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="mouseOverDecorator"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Duration="00:00:00.0010000"
Storyboard.TargetName="shine"
Storyboard.TargetProperty="(UIElement.Opacity)">
<EasingDoubleKeyFrame KeyTime="00:00:00"
Value="0.4" />
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Duration="00:00:00.0010000"
Storyboard.TargetName="buttonPressed"
Storyboard.TargetProperty="(UIElement.Opacity)">
<EasingDoubleKeyFrame KeyTime="00:00:00"
Value="0.8" />
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="backgroundDecorator"
Storyboard.TargetProperty="BorderBrush">
<DiscreteObjectKeyFrame KeyTime="0"
Value="{StaticResource CoreButtonOuterBorder_Disabled}" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="IsOpenState">
<VisualState x:Name="Closed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<RotateTransform Angle="0" />
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Opened">
<Storyboard>
<!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownDecorator" Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
</ObjectAnimationUsingKeyFrames>-->
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Duration="00:00:00.0010000"
Storyboard.TargetName="shine"
Storyboard.TargetProperty="(UIElement.Opacity)">
<EasingDoubleKeyFrame KeyTime="00:00:00"
Value="0.4" />
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Duration="00:00:00.0010000"
Storyboard.TargetName="buttonPressed"
Storyboard.TargetProperty="(UIElement.Opacity)">
<EasingDoubleKeyFrame KeyTime="00:00:00"
Value="0.8" />
</DoubleAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<RotateTransform Angle="180" />
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="DropDownButtonPosition">
<VisualState x:Name="DropDownButtonAtLeft">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Column)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="0" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Row)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="DropDownButtonAtTop">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Column)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Row)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="0" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="DropDownButtonAtRight">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Column)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="2" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Row)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="DropDownButtonAtBottom">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Column)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="(Grid.Row)">
<DiscreteObjectKeyFrame KeyTime="0"
Value="2" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="PopupPlacementState">
<VisualState x:Name="PlacementBottom" />
<VisualState x:Name="PlacementTop">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<RotateTransform Angle="0" />
</TransformGroup>
<!--<TransformGroup>
<ScaleTransform ScaleX="1"
ScaleY="-1" />
</TransformGroup>-->
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="PlacementLeft">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<RotateTransform Angle="90" />
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="PlacementRight">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator"
Storyboard.TargetProperty="RenderTransform">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<RotateTransform Angle="-90" />
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="DropShadowVisibilityStates">
<VisualState x:Name="HasShadow" />
<VisualState x:Name="WithoutShadow" />
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
<VisualState x:Name="Focused" />
<VisualState x:Name="Unfocused" />
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border x:Name="backgroundDecorator"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
CornerRadius="4">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="0.5*" />
<RowDefinition Height="0.5*" />
</Grid.RowDefinitions>
<Border x:Name="mouseOverDecorator"
Opacity="0"
Grid.RowSpan="2"
BorderThickness="0"
CornerRadius="4">
<Border.Background>
<RadialGradientBrush GradientOrigin="0.5,1.0"
RadiusX="1"
RadiusY="1"
Center="0.5,1">
<GradientStop Color="#ffd10074"
Offset="0" />
<GradientStop Color="#00da1000"
Offset="1" />
</RadialGradientBrush>
</Border.Background>
</Border>
<Border x:Name="buttonPressed"
Opacity="0"
Grid.RowSpan="2"
BorderThickness="0"
CornerRadius="4">
<Border.Background>
<RadialGradientBrush GradientOrigin="0.5,1.0"
RadiusX="1"
RadiusY="1"
Center="0.5,1">
<GradientStop Color="#ff00ff00"
Offset="0" />
<GradientStop Color="#0000ff00"
Offset="1" />
</RadialGradientBrush>
</Border.Background>
</Border>
<Border x:Name="shine"
Margin="0"
BorderThickness="0"
CornerRadius="4,4,0,0">
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#99FFFFFF"
Offset="0" />
<GradientStop Color="#33FFFFFF"
Offset="1" />
</LinearGradientBrush>
</Border.Background>
</Border>
</Grid>
</Border>
<Border x:Name="DropDownDecorator"
Visibility="Collapsed"
Background="{x:Null}"
BorderBrush="{StaticResource CoreButtonOuterBorder_Pressed}"
BorderThickness="1"
CornerRadius="2">
<Border Margin="0,0,0,0"
Background="{StaticResource CoreButtonBackground_Pressed}"
BorderBrush="{StaticResource CoreButtonInnerBorder_Pressed}"
BorderThickness="1"
CornerRadius="1" />
</Border>
<Border>
<Border>
<Grid Margin="{TemplateBinding Padding}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<ContentPresenter x:Name="ContentPresenter"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
Grid.Column="1"
Grid.Row="1"
Content="{TemplateBinding Content}"
ContentTemplate="{TemplateBinding ContentTemplate}"
Margin="4,-1,4,0" />
<!-- Margin was 4,2 changed for TCWM-2308 (Skills Key)-->
<Path x:Name="DropDownIndicator"
Fill="{StaticResource RibbonButtonDropDownArrow}"
HorizontalAlignment="Center"
VerticalAlignment="Center"
IsHitTestVisible="False"
RenderTransformOrigin="0.5,0.5"
Visibility="{TemplateBinding DropDownIndicatorVisibility}"
Grid.Column="1"
Grid.Row="2"
Data="M 0,0 L 3.5,3.5 L 7,0"
Margin="1" />
</Grid>
</Border>
</Border>
<telerikPrimitives:Popup x:Name="DropDownPopup">
<Grid>
<Border x:Name="DropDownPopupBorder"
Height="{TemplateBinding DropDownHeight}"
Margin="0,0,4,4"
MinHeight="3"
MinWidth="3"
Width="{TemplateBinding DropDownWidth}"
Background="{StaticResource DropDownPopupBackgroundBrush}"
BorderBrush="{StaticResource DropDownPopupBorderBrush}"
BorderThickness="1"
CornerRadius="2">
<ContentControl x:Name="DropDownPopupContent"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Content="{TemplateBinding DropDownContent}" />
</Border>
</Grid>
</telerikPrimitives:Popup>
<Rectangle x:Name="disabledDecorator"
Fill="#99FFFFFF"
Visibility="Collapsed" />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<!-- Brush resources for telerik Rad Context Menu -->
<SolidColorBrush x:Key="RadMenuPopUp"
Color="#bf000000" />
<Thickness x:Key="RadMenuPopUpOuterBorderThickness">1</Thickness>
<SolidColorBrush x:Key="RadMenuForeground"
Color="#FFffffff" />
<LinearGradientBrush x:Key="RadMenuPopUpOuterBorder"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFEAEAEA"
Offset="0" />
<GradientStop Color="#FFC4C4C4"
Offset="1" />
</LinearGradientBrush>
<SolidColorBrush x:Key="RadMenuPopUpInnerBorder"
Color="#FFB2B2B2" />
<Thickness x:Key="RadMenuPopUpInnerBorderThickness">1</Thickness>
<SolidColorBrush x:Key="RadMenuPopUpLeftColumnInnerBorder"
Color="#FFe2e0e3" />
<SolidColorBrush x:Key="RadMenuPopUpLeftColumnBackground"
Color="#e2e2e2" />
<SolidColorBrush x:Key="RadMenuPopUpLeftColumnOuterBorder"
Color="#7FFFFFFF" />
<CornerRadius x:Key="RadMenuPopUpInnerBorderCornerRadius">1</CornerRadius>
<CornerRadius x:Key="RadMenuPopUpOuterBorderCornerRadius">2</CornerRadius>
<!-- Glass Style for Telerik RadContextMenu (part of the drop-down button) -->
<Style x:Key="egRadContextMenu"
TargetType="telerikNavigation:RadContextMenu">
<Setter Property="Background"
Value="{StaticResource RadMenuPopUp}" />
<Setter Property="VerticalContentAlignment"
Value="Center" />
<Setter Property="BorderThickness"
Value="{StaticResource RadMenuPopUpOuterBorderThickness}" />
<Setter Property="Foreground"
Value="{StaticResource RadMenuForeground}" />
<Setter Property="BorderBrush"
Value="{StaticResource RadMenuPopUpOuterBorder}" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="telerikNavigation:RadContextMenu">
<Border x:Name="DropDownBorder"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
CornerRadius="{StaticResource RadMenuPopUpOuterBorderCornerRadius}">
<Border x:Name="backgroundBorder"
Background="{TemplateBinding Background}"
BorderBrush="{StaticResource RadMenuPopUpInnerBorder}"
BorderThickness="{StaticResource RadMenuPopUpInnerBorderThickness}"
CornerRadius="{StaticResource RadMenuPopUpInnerBorderCornerRadius}">
<Grid>
<Border HorizontalAlignment="Left"
Width="25"
BorderBrush="{StaticResource RadMenuPopUpLeftColumnInnerBorder}"
BorderThickness="0 0 1 0">
<Border Width="24"
Background="{StaticResource RadMenuPopUpLeftColumnBackground}"
BorderBrush="{StaticResource RadMenuPopUpLeftColumnOuterBorder}"
BorderThickness="0 0 1 0" />
</Border>
<ItemsPresenter Margin="{TemplateBinding Padding}" />
</Grid>
</Border>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Thickness x:Key="RadMenuTabMargin">2</Thickness>
<LinearGradientBrush x:Key="RadMenuTabBackground"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFFDDB73"
Offset="1" />
<GradientStop Color="#FFFEF4CA"
Offset="0" />
</LinearGradientBrush>
<SolidColorBrush x:Key="RadMenuTabBorder"
Color="#FFFFBC6B" />
<Thickness x:Key="RadMenuTabBorderThickness">1</Thickness>
<CornerRadius x:Key="RadMenuTabCornerRadius">0</CornerRadius>
<Thickness x:Key="RadMenuTabContentMargin">8,2,8,0</Thickness>
<Thickness x:Key="RadMenuTabContentPadding">0</Thickness>
<SolidColorBrush x:Key="RadMenuPopUp2"
Color="#FFf5f5f5" />
<SolidColorBrush x:Key="RadMenuNavigationDisabledBackground"
Color="#99FFFFFF" />
<SolidColorBrush x:Key="RadMenuTabBorder_pressed"
Color="#FFFA8C3B" />
<LinearGradientBrush x:Key="RadMenuTabBackground_pressed"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFFEB85D"
Offset="1" />
<GradientStop Color="#FFFB933C"
Offset="0" />
</LinearGradientBrush>
<ControlTemplate x:Key="TopLevelHeaderTemplate"
TargetType="telerikNavigation:RadMenuItem">
<Grid x:Name="RootElement"
Background="Transparent">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStateGroup">
<VisualState x:Name="Highlighted">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Bg"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Focused">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Bg"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Bg"
Storyboard.TargetProperty="BorderBrush">
<DiscreteObjectKeyFrame KeyTime="0"
Value="{StaticResource RadMenuTabBorder_pressed}" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Bg"
Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0"
Value="{StaticResource RadMenuTabBackground_pressed}" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="DisabledBox"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Visible" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Content"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="0.33" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal" />
</VisualStateGroup>
<VisualStateGroup x:Name="CheckStateGroup">
<VisualState x:Name="Checked">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Icon"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Collapsed" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="GlyphPanel"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Visible" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Unchecked" />
<VisualState x:Name="HideIcon">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Icon"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Collapsed" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}" />
<Border x:Name="Bg"
Margin="{StaticResource RadMenuTabMargin}"
Opacity="0"
Background="{StaticResource RadMenuTabBackground}"
BorderBrush="{StaticResource RadMenuTabBorder}"
BorderThickness="{StaticResource RadMenuTabBorderThickness}"
CornerRadius="{StaticResource RadMenuTabCornerRadius}" />
<Border Padding="{StaticResource RadMenuTabContentPadding}">
<telerik:RadDockPanel MinHeight="24">
<ContentPresenter x:Name="Icon"
Margin="4,0,0,0"
VerticalAlignment="Center"
Content="{TemplateBinding Icon}" />
<Path x:Name="GlyphPanel"
Fill="{TemplateBinding Foreground}"
Margin="4,0,0,0"
VerticalAlignment="Center"
Visibility="Collapsed"
Data="M 0,5.1 L 1.7,5.2 L 3.4,7.1 L 8,0.4 L 9.2,0 L 3.3,10.8 Z" />
<ContentPresenter x:Name="Content"
Cursor="{TemplateBinding Cursor}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
Margin="{StaticResource RadMenuTabContentMargin}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
Content="{TemplateBinding Header}"
ContentTemplate="{TemplateBinding HeaderTemplate}" />
</telerik:RadDockPanel>
</Border>
<Popup x:Name="PART_Popup">
<Border x:Name="DropDownBorder"
Background="{Binding BorderBrush, ElementName=backgroundBorder}"
BorderBrush="{StaticResource RadMenuPopUpOuterBorder}"
BorderThickness="{StaticResource RadMenuPopUpOuterBorderThickness}"
CornerRadius="{StaticResource RadMenuPopUpOuterBorderCornerRadius}">
<Border x:Name="backgroundBorder"
Background="{StaticResource RadMenuPopUp2}"
BorderBrush="{StaticResource RadMenuPopUpInnerBorder}"
BorderThickness="{StaticResource RadMenuPopUpInnerBorderThickness}"
CornerRadius="{StaticResource RadMenuPopUpInnerBorderCornerRadius}">
<Grid>
<Border HorizontalAlignment="Left"
Width="25"
BorderBrush="{StaticResource RadMenuPopUpLeftColumnInnerBorder}"
BorderThickness="0 0 1 0">
<Border Width="24"
Background="{StaticResource RadMenuPopUpLeftColumnBackground}"
BorderBrush="{StaticResource RadMenuPopUpLeftColumnOuterBorder}"
BorderThickness="0 0 1 0" />
</Border>
<ItemsPresenter />
</Grid>
</Border>
</Border>
</Popup>
<Rectangle x:Name="DisabledBox"
Fill="{StaticResource RadMenuNavigationDisabledBackground}"
IsHitTestVisible="False"
Visibility="Collapsed" />
</Grid>
</ControlTemplate>
<ControlTemplate x:Key="TopLevelItemTemplate"
TargetType="telerikNavigation:RadMenuItem">
<Grid x:Name="RootElement"
Background="Transparent">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStateGroup">
<VisualState x:Name="Highlighted">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Bg"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Focused">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Bg"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="1" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Bg"
Storyboard.TargetProperty="BorderBrush">
<DiscreteObjectKeyFrame KeyTime="0"
Value="{StaticResource RadMenuTabBorder_pressed}" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Bg"
Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0"
Value="{StaticResource RadMenuTabBackground_pressed}" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="DisabledBox"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Visible" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Content"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="0.33" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal" />
</VisualStateGroup>
<VisualStateGroup x:Name="CheckStateGroup">
<VisualState x:Name="Checked">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Icon"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Collapsed" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="GlyphPanel"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Visible" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Unchecked" />
<VisualState x:Name="HideIcon">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Icon"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Collapsed" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}" />
<Border x:Name="Bg"
Margin="{StaticResource RadMenuTabMargin}"
Opacity="0"
Background="{StaticResource RadMenuTabBackground}"
BorderBrush="{StaticResource RadMenuTabBorder}"
BorderThickness="{StaticResource RadMenuTabBorderThickness}"
CornerRadius="{StaticResource RadMenuTabCornerRadius}" />
<Border Padding="{StaticResource RadMenuTabContentPadding}">
<telerik:RadDockPanel MinHeight="24">
<ContentPresenter x:Name="Icon"
HorizontalAlignment="Center"
Margin="4,0,0,0"
VerticalAlignment="Center"
Content="{TemplateBinding Icon}" />
<Path x:Name="GlyphPanel"
Fill="{TemplateBinding Foreground}"
Margin="4,0,0,0"
VerticalAlignment="Center"
Visibility="Collapsed"
Data="M 0,5.1 L 1.7,5.2 L 3.4,7.1 L 8,0.4 L 9.2,0 L 3.3,10.8 Z" />
<ContentPresenter x:Name="Content"
Cursor="{TemplateBinding Cursor}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
Margin="{StaticResource RadMenuTabContentMargin}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
Content="{TemplateBinding Header}"
ContentTemplate="{TemplateBinding HeaderTemplate}" />
</telerik:RadDockPanel>
</Border>
<Rectangle x:Name="DisabledBox"
Fill="{StaticResource RadMenuNavigationDisabledBackground}"
IsHitTestVisible="False"
Visibility="Collapsed" />
</Grid>
</ControlTemplate>
<Thickness x:Key="RadMenuNavigationMargin">2 1</Thickness>
<CornerRadius x:Key="RadMenuNavigationCornerRadius">2</CornerRadius>
<LinearGradientBrush x:Key="NavigationMouseoverFill"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#BFFFADD4"
Offset="0" />
<GradientStop Color="#BFD1078C"
Offset="1" />
<GradientStop Color="#BFD67FBE"
Offset="0.5" />
<GradientStop Color="#BFD10074"
Offset="0.51" />
</LinearGradientBrush>
<LinearGradientBrush x:Key="NavigationMouseoverStroke"
EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFE8E0C2"
Offset="0" />
<GradientStop Color="#FFE6E2D0"
Offset="1" />
</LinearGradientBrush>
<ControlTemplate x:Key="SubMenuHeaderTemplate"
TargetType="telerikNavigation:RadMenuItem">
<Grid x:Name="RootElement"
Background="Transparent">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStateGroup">
<VisualState x:Name="Focused">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder"
Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0"
Value="{StaticResource NavigationMouseoverFill}" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder"
Storyboard.TargetProperty="BorderBrush">
<DiscreteObjectKeyFrame KeyTime="0"
Value="{StaticResource NavigationMouseoverStroke}" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="DisabledBox"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Visible" />
</ObjectAnimationUsingKeyFrames>
<DoubleAnimation Duration="0"
Storyboard.TargetName="InnerBorder"
Storyboard.TargetProperty="Opacity"
To="0" />
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Content"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="0.33" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder"
Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Transparent" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="CheckStateGroup">
<VisualState x:Name="Checked">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Icon"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Collapsed" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="GlyphPanel"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Visible" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Unchecked" />
<VisualState x:Name="HideIcon">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Icon"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Collapsed" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Rectangle x:Name="Bg"
Fill="{TemplateBinding Background}"
Stroke="{TemplateBinding BorderBrush}"
StrokeThickness="1" />
<Border x:Name="InnerBorder"
Margin="{StaticResource RadMenuNavigationMargin}"
Background="Transparent"
BorderThickness="1"
CornerRadius="{StaticResource RadMenuNavigationCornerRadius}" />
<Grid MinHeight="26">
<Grid.ColumnDefinitions>
<ColumnDefinition MinWidth="24"
Width="Auto" />
<ColumnDefinition Width="4" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="37" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="17" />
</Grid.ColumnDefinitions>
<ContentPresenter x:Name="Icon"
HorizontalAlignment="Center"
Margin="1,0,0,0"
VerticalAlignment="Center"
Content="{TemplateBinding Icon}" />
<Path x:Name="GlyphPanel"
Fill="{TemplateBinding Foreground}"
Height="11"
Margin="1,0,0,0"
Width="9"
Visibility="Collapsed"
Data="M 0,5.1 L 1.7,5.2 L 3.4,7.1 L 8,0.4 L 9.2,0 L 3.3,10.8 Z" />
<ContentPresenter x:Name="Content"
Cursor="{TemplateBinding Cursor}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
Margin="{TemplateBinding Padding}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
Grid.Column="2"
Content="{TemplateBinding Header}"
ContentTemplate="{TemplateBinding HeaderTemplate}" />
<Path Fill="{TemplateBinding Foreground}"
Margin="1,0,0,0"
VerticalAlignment="Center"
Width="9"
Grid.Column="5"
Data="M 0,0 L 4,3.5 L 0,7 Z" />
</Grid>
<Popup x:Name="PART_Popup"
HorizontalOffset="-3"
VerticalOffset="-2">
<Border x:Name="DropDownBorder"
Background="{Binding BorderBrush, ElementName=backgroundBorder}"
BorderBrush="{StaticResource RadMenuPopUpOuterBorder}"
BorderThickness="{StaticResource RadMenuPopUpOuterBorderThickness}"
CornerRadius="{StaticResource RadMenuPopUpOuterBorderCornerRadius}">
<Border x:Name="backgroundBorder"
Background="{StaticResource RadMenuPopUp2}"
BorderBrush="{StaticResource RadMenuPopUpInnerBorder}"
BorderThickness="{StaticResource RadMenuPopUpInnerBorderThickness}"
CornerRadius="{StaticResource RadMenuPopUpInnerBorderCornerRadius}">
<Grid>
<Border HorizontalAlignment="Left"
Width="25"
BorderBrush="{StaticResource RadMenuPopUpLeftColumnInnerBorder}"
BorderThickness="0 0 1 0">
<Border Width="24"
Background="{StaticResource RadMenuPopUpLeftColumnBackground}"
BorderBrush="{StaticResource RadMenuPopUpLeftColumnOuterBorder}"
BorderThickness="0 0 1 0" />
</Border>
<ItemsPresenter />
</Grid>
</Border>
</Border>
</Popup>
<Rectangle x:Name="DisabledBox"
Fill="{StaticResource RadMenuNavigationDisabledBackground}"
IsHitTestVisible="False"
Visibility="Collapsed" />
</Grid>
</ControlTemplate>
<ControlTemplate x:Key="SubMenuItemTemplate"
TargetType="telerikNavigation:RadMenuItem">
<Grid x:Name="RootElement"
Background="Transparent">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStateGroup">
<VisualState x:Name="Highlighted">
<Storyboard>
<DoubleAnimation Duration="0"
Storyboard.TargetName="InnerBorder"
Storyboard.TargetProperty="Opacity"
To="1" />
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="DisabledBox"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Visible" />
</ObjectAnimationUsingKeyFrames>
<DoubleAnimation Duration="0"
Storyboard.TargetName="InnerBorder"
Storyboard.TargetProperty="Opacity"
To="0" />
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Content"
Storyboard.TargetProperty="Opacity">
<DiscreteObjectKeyFrame KeyTime="0"
Value="0.33" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal" />
</VisualStateGroup>
<VisualStateGroup x:Name="CheckStateGroup">
<VisualState x:Name="Checked">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Icon"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Collapsed" />
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="GlyphPanel"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Visible" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Unchecked" />
<VisualState x:Name="HideIcon">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="Icon"
Storyboard.TargetProperty="Visibility">
<DiscreteObjectKeyFrame KeyTime="0"
Value="Collapsed" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<!--<Rectangle x:Name="Bg" Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1"/>-->
<Border x:Name="InnerBorder"
Margin="{StaticResource RadMenuNavigationMargin}"
Opacity="0"
Background="{StaticResource NavigationMouseoverFill}"
BorderBrush="{StaticResource NavigationMouseoverStroke}"
BorderThickness="1"
CornerRadius="{StaticResource RadMenuNavigationCornerRadius}" />
<Grid MinHeight="26">
<Grid.ColumnDefinitions>
<ColumnDefinition MinWidth="24"
Width="Auto" />
<ColumnDefinition Width="4" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="37" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="17" />
</Grid.ColumnDefinitions>
<ContentPresenter x:Name="Icon"
Margin="1,0,0,0"
VerticalAlignment="Center"
Content="{TemplateBinding Icon}" />
<Path x:Name="GlyphPanel"
Fill="{TemplateBinding Foreground}"
Height="11"
Margin="1,0,0,0"
Width="9"
Visibility="Collapsed"
Data="M 0,5.1 L 1.7,5.2 L 3.4,7.1 L 8,0.4 L 9.2,0 L 3.3,10.8 Z" />
<ContentPresenter x:Name="Content"
Cursor="{TemplateBinding Cursor}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
Margin="{TemplateBinding Padding}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
Grid.Column="2"
Content="{TemplateBinding Header}"
ContentTemplate="{TemplateBinding HeaderTemplate}" />
</Grid>
<Rectangle x:Name="DisabledBox"
Fill="{StaticResource RadMenuNavigationDisabledBackground}"
IsHitTestVisible="False"
Visibility="Collapsed" />
</Grid>
</ControlTemplate>
<SolidColorBrush x:Key="RadMenuItemSeparatorTopStroke"
Color="#FFe2e0e3" />
<SolidColorBrush x:Key="RadMenuItemSeparatorBottomStroke"
Color="#7FFFFFFF" />
<ControlTemplate x:Key="SeparatorTemplate"
TargetType="telerikNavigation:RadMenuItem">
<Grid>
<Rectangle Fill="{StaticResource RadMenuItemSeparatorTopStroke}"
Height="1"
Margin="24,6,1,5" />
<Rectangle Fill="{StaticResource RadMenuItemSeparatorBottomStroke}"
Height="1"
Margin="25,7,1,4" />
<Rectangle x:Name="Bg"
Fill="{TemplateBinding Background}"
Stroke="{TemplateBinding BorderBrush}"
StrokeThickness="1" />
</Grid>
</ControlTemplate>
<!-- Glass Style for menu item -->
<Style x:Key="egRadMenuItem"
TargetType="telerikNavigation:RadMenuItem">
<Setter Property="TopLevelHeaderTemplateKey"
Value="{StaticResource TopLevelHeaderTemplate}" />
<Setter Property="TopLevelItemTemplateKey"
Value="{StaticResource TopLevelItemTemplate}" />
<Setter Property="SubmenuHeaderTemplateKey"
Value="{StaticResource SubMenuHeaderTemplate}" />
<Setter Property="SubmenuItemTemplateKey"
Value="{StaticResource SubMenuItemTemplate}" />
<Setter Property="SeparatorTemplateKey"
Value="{StaticResource SeparatorTemplate}" />
<Setter Property="Template"
Value="{StaticResource SubMenuItemTemplate}" />
<Setter Property="Padding"
Value="2 0 0 0" />
<Setter Property="HorizontalContentAlignment"
Value="Left" />
<Setter Property="VerticalContentAlignment"
Value="Center" />
<Setter Property="BorderThickness"
Value="1" />
</Style>