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

Remove/Hide the Tabstrip line from the RadTabControl

1 Answer 344 Views
TabControl
This is a migrated thread and some comments may be shown as answers.
Jonx
Top achievements
Rank 2
Jonx asked on 18 Jul 2011, 02:16 AM
Hello,
I want to display my tabs without any border or background.
I got rid of pretty everything, just one line is left.
The line changes place when I select the position for the TabStrip (TabStripPlacement)
How can I hide it completly.
See the line in top and bottom position in the attached screenshots...
Thanks a lot for your help,
John.

1 Answer, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 18 Jul 2011, 09:32 PM
I was just doing this today in our application. I was able to hide the tab strip using the following markup:

<telerik:RadTabControl>
    <telerik:RadTabControl.ItemContainerStyle>
        <Style TargetType="telerik:RadTabItem">
            <Setter Property="Visibility" Value="Collapsed" />
        </Style>
    </telerik:RadTabControl.ItemContainerStyle>
</telerik:RadTabControl>

This still leaves a horizontal line below where the tabs normally go. To hide the horizontal line, you have to make a copy of the RadTabControl template (e.g. using Blend), and edit the following line:

<Border BorderBrush="{StaticResource TabControl_ContentBorderBrush}" BorderThickness="0 0 0 1"/>

to this:

<Border BorderBrush="{StaticResource TabControl_ContentBorderBrush}" BorderThickness="0 0 0 0"/>


Richard
Tags
TabControl
Asked by
Jonx
Top achievements
Rank 2
Answers by
Richard
Top achievements
Rank 1
Share this question
or