This is a migrated thread and some comments may be shown as answers.

RadContextMenu in a RadDropDownButton - Issue with styles on sub-menus

1 Answer 103 Views
Buttons
This is a migrated thread and some comments may be shown as answers.
Jonathan
Top achievements
Rank 1
Jonathan asked on 26 Jan 2012, 05:53 PM
Hello,

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. :)
(I've pasted the xaml and styles, etc below.)

Thanks in advance,
Jonathan

XAML for menu:

<telerik:RadDropDownButton  KeepOpen="False" x:Name="MainMenuDropDown" CloseOnEscape="True" CloseOnEnter="True" HorizontalAlignment="Left" VerticalAlignment="Center" Width="80" Height="22" Content="File" Style="{StaticResource egRadDropDownButtonAppMenu}" Grid.Column="0" DropDownPlacement="Bottom" Margin="20,20,8,0" DropDownButtonPosition="Right">
    <telerik:RadDropDownButton.DropDownContent>
        <telerikNavigation:RadContextMenu HorizontalAlignment="Right" Margin="0,0,0,0" BorderThickness="0" Style="{StaticResource egRadContextMenu}">
            <telerikNavigation:RadMenuItem  Header="Option 1" Style="{StaticResource egRadMenuItem}" >
                <telerikNavigation:RadMenuItem.Icon>
                    <Image Source="Images/OpenModel.png" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </telerikNavigation:RadMenuItem.Icon>
            </telerikNavigation:RadMenuItem>
            <telerikNavigation:RadMenuItem x:Name="mnuNewMaster" Header="Option 2" Style="{StaticResource egRadMenuItem}">
                <telerikNavigation:RadMenuItem ItemContainerStyle="{StaticResource egRadMenuItem}" Style="{StaticResource egRadMenuItem}" Header="Sub-option 1" >
                    <telerikNavigation:RadMenuItem.Icon>
                        <Image Source="Images/NewModel.png" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </telerikNavigation:RadMenuItem.Icon>
                </telerikNavigation:RadMenuItem>
                <telerikNavigation:RadMenuItem  Style="{StaticResource egRadMenuItem}" Header="Sub-option 2">
                    <telerikNavigation:RadMenuItem.Icon>
                        <Image Source="Images/NewModel.png" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </telerikNavigation:RadMenuItem.Icon>
                </telerikNavigation:RadMenuItem>
                <telerikNavigation:RadMenuItem Style="{StaticResource egRadMenuItem}" Header="Sub-option 3">
                    <telerikNavigation:RadMenuItem.Icon>
                        <Image Source="Images/NewModel.png" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </telerikNavigation:RadMenuItem.Icon>
                </telerikNavigation:RadMenuItem>
            </telerikNavigation:RadMenuItem>
            <telerikNavigation:RadMenuItem Header="Option 3" Style="{StaticResource egRadMenuItem}">
                <telerikNavigation:RadMenuItem.Icon>
                    <Image Source="Images/SaveModel.png" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </telerikNavigation:RadMenuItem.Icon>
            </telerikNavigation:RadMenuItem>
            <telerikNavigation:RadMenuItem Header="Option 4" Style="{StaticResource egRadMenuItem}">
                <telerikNavigation:RadMenuItem.Icon>
                    <Image Source="Images/SaveAsNewModel.png" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </telerikNavigation:RadMenuItem.Icon>
            </telerikNavigation:RadMenuItem>
        </telerikNavigation:RadContextMenu>
    </telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>


Styles:

<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>




1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 31 Jan 2012, 03:33 PM
Hello Jonathan,

You should change the background style of the Border with name: "backgroundBorder" in SubMenuHeaderTemplate.  Currently it is set like this:

<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>

It should be modified like this:

<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 DropDownPopupBackgroundBrush}"
        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>

Hope this helps.

Greetings,
Yana
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
Buttons
Asked by
Jonathan
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or