I just installed 2009.3 and am trying to work with the TabControl DropDown. We use Prism/MVVM and have styled the tab so it shows a property on the corresponding view model and a close button. When using this style I do not get the dropdown, can you tell me what I need to change to enable showing the drop down and set the DropDownContent to the same value the tab Content is set to? Thank you.
<telerikNavigation:RadTabControl x:Name="tabControl" Grid.Row="1" VerticalAlignment="Stretch" |
HorizontalAlignment="Stretch" RenderTransformOrigin="0.5,0.5" |
Regions:RegionManager.RegionName="MainRegion" TabStripPlacement="Right" |
AllowDragReorder="True" BackgroundVisibility="Collapsed" FontFamily="Tahoma" |
DropDownDisplayMode="Visible" ScrollMode="Viewport" > |
<infRegionAdapters:RadTabControlRegionAdapter.ItemContainerStyle> |
<Style TargetType="telerikNavigation:RadTabItem"> |
<Setter Property="RightTemplate" > |
<Setter.Value> |
<ControlTemplate TargetType="telerikNavigation:RadTabItem"> |
<Grid x:Name="wrapper"> |
<VisualStateManager.VisualStateGroups> |
<VisualStateGroup x:Name="CommonStateGroup"> |
<VisualState x:Name="MouseOver"> |
<Storyboard> |
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="Bg" Storyboard.TargetProperty="Opacity"> |
<DiscreteObjectKeyFrame KeyTime="0" Value="1"/> |
</ObjectAnimationUsingKeyFrames> |
</Storyboard> |
</VisualState> |
<VisualState x:Name="Normal"/> |
<VisualState x:Name="Selected"> |
<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 TabBorder_Select}"/> |
</ObjectAnimationUsingKeyFrames> |
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="Bg" Storyboard.TargetProperty="Background"> |
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TabBackground_Select}"/> |
</ObjectAnimationUsingKeyFrames> |
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="wrapper" Storyboard.TargetProperty="Margin"> |
<DiscreteObjectKeyFrame KeyTime="0" Value="0 -1 0 0"/> |
</ObjectAnimationUsingKeyFrames> |
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="HeaderElement" Storyboard.TargetProperty="Foreground"> |
<DiscreteObjectKeyFrame KeyTime="0" Value="#FF000000"/> |
</ObjectAnimationUsingKeyFrames> |
</Storyboard> |
</VisualState> |
<VisualState x:Name="Disabled"> |
<Storyboard> |
<DoubleAnimation Duration="0:0:0.1" |
Storyboard.TargetName="HeaderElement" |
Storyboard.TargetProperty="Opacity" To="0.5"/> |
</Storyboard> |
</VisualState> |
</VisualStateGroup> |
<VisualStateGroup x:Name="FocusStates"> |
<VisualState x:Name="Unfocused"/> |
<VisualState x:Name="Focused"/> |
</VisualStateGroup> |
</VisualStateManager.VisualStateGroups> |
<Border x:Name="Bg" Margin="2 0" Opacity="0" Background="{StaticResource TabBackground_MouseOver}" BorderBrush="{StaticResource TabBorder_MouseOver}" BorderThickness="1,0,1,1" CornerRadius="0,3,3,0"/> |
<layoutToolkit:LayoutTransformer> |
<layoutToolkit:LayoutTransformer.LayoutTransform> |
<RotateTransform Angle="90"/> |
</layoutToolkit:LayoutTransformer.LayoutTransform> |
<Grid x:Name="HeaderWrapper" Height="30"> |
<Grid.ColumnDefinitions> |
<ColumnDefinition Width="Auto"/> |
<ColumnDefinition Width="Auto"/> |
</Grid.ColumnDefinitions> |
<Button Grid.Column="0" Content="X" Height="20" Width="20" commands:Click.Command="{Binding CloseCommand}" commands:Click.CommandParameter="{Binding ScreenTag}" Style="{StaticResource CloseTabButtonStyle}" Margin="2,0,0,0" /> |
<telerikPrimitives:TabItemContentPresenter Grid.Column="1" |
x:Name="HeaderElement" Foreground="{TemplateBinding Foreground}" |
HorizontalAlignment="Center" Margin="{TemplateBinding Padding}" |
VerticalAlignment="Center" Content="{Binding HeaderInfo}"/> |
</Grid> |
</layoutToolkit:LayoutTransformer> |
</Grid> |
</ControlTemplate> |
</Setter.Value> |
</Setter> |
</Style> |
</infRegionAdapters:RadTabControlRegionAdapter.ItemContainerStyle> |
<telerikNavigation:RadTabControl.RenderTransform> |
<TransformGroup> |
<ScaleTransform/> |
<SkewTransform/> |
<RotateTransform/> |
<TranslateTransform X="-1500"/> |
</TransformGroup> |
</telerikNavigation:RadTabControl.RenderTransform> |
</telerikNavigation:RadTabControl> |