Remove/Hide the Tabstrip line from the RadTabControl

2 posts, 0 answers
  1. Jonx
    Jonx avatar
    258 posts
    Member since:
    Jul 2012

    Posted 17 Jul 2011 Link to this post

    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.
  2. Richard
    Richard avatar
    30 posts
    Member since:
    Oct 2010

    Posted 18 Jul 2011 Link to this post

    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
  3. DevCraft banner
Back to Top