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

Vertical TabControl - can't get rid of the border line

3 Answers 119 Views
TabControl
This is a migrated thread and some comments may be shown as answers.
Michal
Top achievements
Rank 1
Michal asked on 12 Jan 2012, 04:21 AM
Hi,

I have a vertical tab control with TabStripPlacement  set to Left. In this scenario I get a unwanted gray line. (see TabControl StripLeft.PNG)

When I change the code to tab strip placed on the Top it is correctly rendered with no line (see TabControl StripTop.PNG)

Here is my xaml:
<Grid x:Name="LayoutRoot">
 
    <telerik:RadTabControl Grid.Row="2"  TabStripPlacement="Left" TabOrientation="Vertical" Align="Right" >
        <telerik:RadTabItem Height="Auto" VerticalAlignment="Top" Header="Test 1"  >
            <Grid Background="White"></Grid>
        </telerik:RadTabItem>
     
        <telerik:RadTabItem Height="Auto" VerticalAlignment="Top" Header="Test 2"  >
            <Grid Background="White"></Grid>
        </telerik:RadTabItem>
    </telerik:RadTabControl>
</Grid>
How can I get rid of the gray line when the TabStripPlacement is set to Left?

Mike

3 Answers, 1 is accepted

Sort by
0
Accepted
Tina Stancheva
Telerik team
answered on 12 Jan 2012, 07:39 PM
Hi Michal,

You can change the BorderThickness of the RadTabControl. By default its value is "1 0 1 1". And in your case, when setting the TabStripPlacement to Left, you can change the BorderThickness to "0 1 1 1".

Please give this a try and let me know if it works for you.

Kind regards,
Tina Stancheva
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

0
Michal
Top achievements
Rank 1
answered on 13 Jan 2012, 01:25 AM
That worked thank you.

Maybe when you set the TabStripPlacement="Left" the BorderThicknes should be changed "0 1 1 1" automatically.

0
Tina Stancheva
Telerik team
answered on 17 Jan 2012, 03:27 PM
Hello Michal,

Our further investigation indicated that this is actually an issue in the control as it should automatically remove this border. But it seems some of the visual states of the control aren't properly applied. Therefore I logged an item in our PITS where you can track the progress of the issue.

I also updated your Telerik account for bringing this case to our attention.

All the best,
Tina Stancheva
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
TabControl
Asked by
Michal
Top achievements
Rank 1
Answers by
Tina Stancheva
Telerik team
Michal
Top achievements
Rank 1
Share this question
or