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

TopTemplate definition is suppressing the navigation arrows

1 Answer 29 Views
This is a migrated thread and some comments may be shown as answers.
MacKenzie Mickelsen
Top achievements
Rank 1
MacKenzie Mickelsen asked on 19 Jul 2010, 09:14 PM

We have run into an issue with the RadTabControl, we have defined a control template for the top part of the control. Basically we are just adding a button to add more tabs. However, when we do this the navigation arrows don’t show up when we’ve added more tabs than can be displayed on the screen. Does anyone have any ideas what we might do to get those back?


Thanks in advance


here is the control template we have defined


<ControlTemplate x:Key="TabControlTopTemplate" TargetType="navigation:RadTabControl">
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="*"/>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Disabled">
                        <VisualState x:Name="Normal"/>
                <Border Margin="0" Grid.Row="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                    <ContentPresenter x:Name="ContentElement" Content="{TemplateBinding SelectedContent}" ContentTemplate="{TemplateBinding SelectedContentTemplate}"/>
                <Grid Background="{StaticResource RadTabControlHeaderBackground}">
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="20" />
                    <Rectangle Grid.Column="0"  Visibility="{TemplateBinding BackgroundVisibility}" Fill="{StaticResource RadTabControlHeaderBackground}">
                    <ItemsPresenter Grid.Column="0" Margin="2 4 0 0"/>
                    <Image Grid.Column="1"  Name="addButton" Source="Images/NewLayout16.png" Width="16" Height="16" MouseLeftButtonDown="addButton_MouseLeftButtonDown" />
                <Rectangle x:Name="DisableVisual" Visibility="Collapsed" Grid.RowSpan="2" Fill="{StaticResource RadTabItemDisabledBackground}"/>

1 Answer, 1 is accepted

Sort by
Telerik team
answered on 22 Jul 2010, 04:02 PM
Hello MacKenzie,

After I reviewed you custom template I noticed that you have removed some of the required elements of the TabControl control template. In order to display the left/right arrows and the DropDownMenu when there are too many TabItems, you have to include the TabStrip element.

I prepared a sample project illustrating how to include an AddButton to the RadTabControl. Please take a look at it and let me know if it works for you or if you need more info.

the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Asked by
MacKenzie Mickelsen
Top achievements
Rank 1
Answers by
Telerik team
Share this question