Remove Rounded Corners and Other styling from RadTabItem

[Eli Schleifer]

I would like to remove the padding and rounded corners of the RadTabItems. I am using the following code. I spent around 2 hours trying to figure out how to style it...but no luck.

 

 

 

 

<telerikNavigation:RadTabControl x:Name="mStrip" Margin="5"

 

 

 

Grid.Row="1" FontSize="15" TabOrientation="Vertical" TabStripPlacement="Left" Align="Right" BorderThickness="0" ItemsSource="{Binding Players}" DropDownButtonStyle="{StaticResource AgricolaTabStyle}">

 

 

 

 

<telerikNavigation:RadTabControl.ItemContainerStyle> 

 

 

 

 

<Style TargetType="telerikNavigation:RadTabItem">

 

 

 

 

<Setter Property="HeaderTemplate">

 

 

 

 

<Setter.Value>

 

 

 

 

<DataTemplate>

 

 

 

 

<Border Background="{Binding Color}" Width="300" Height="50">

 

 

 

 

<TextBlock Text="{Binding User.DisplayName}" Foreground="{Binding Foreground}" FontSize="16" VerticalAlignment="Center"/>

 

 

 

 

</Border>

 

 

 

 

 

</DataTemplate>

 

 

 

 

</Setter.Value>

 

 

 

 

</Setter>

 

 

 

 

 <Setter Property="ContentTemplate">

 

 

 

 

 <Setter.Value>

 

 

 

 

 <DataTemplate>

 

 

 

 

 <Border BorderThickness="2" BorderBrush="{Binding Color}">

 

 

 

 

 <Grid HorizontalAlignment="Center" VerticalAlignment="Center" Background="White">

 

 

 

 

 <local:UserDetailLineItem HorizontalAlignment="Center" VerticalAlignment="Center" Margin="3"/>

 

 

 

 

 </Grid>

 

 

 

 

 </Border>

 

 

 

 

 </DataTemplate>

 

 

 

 

 </Setter.Value>

 

 

 

 

 </Setter>

 

 

 

 

 </Style>

 

 

 

 

 </telerikNavigation:RadTabControl.ItemContainerStyle>

 

 

 

 </telerikNavigation:RadTabControl>

 

[Miroslav]

Hi Eli Schleifer,

You need to edit the ControlTemplate of the RadTabItem.

I am attaching a project where I have edited the template to remove the rounded corners. I have not removed any padding, but I hope that you will be able to edit them out as you see fit.

The TabControl is not databound, but you will be able to reuse the styles in your case as well.


Best wishes,
Miroslav
the Telerik team