Remove extra space and a line

[Wade]

Greetings all,

I am using a RadTabControl.

I'd like to remove the little space to the left of the tab and the line at the bottom of the tab. What I'm trying to do is have a gradient that spans from the top of the tab through the bar where the toolbar is placed.

Image is attached.

Is this possible?

Thanks

Wade

[Wade]

Still looking for some help.

I've tried solutions in other threads, but they didn't work.

[Wade]

Removed the left margin using this post

Remove Left Indent

[Pavel R. Pavlov]

Hi Wade,

Your issues can be solved by editing the default template of the control. As you already found a solution for the indent of the Header I will tell you a solution for the border line. In your case (as I see in the picture) you want to set a linear gradient brush for background of the header which continues on the content of the selected Item. The gradient of the Header can be set from the Background property of the Border element called "SelectionVisual" in the default template of the RadTabControl.

<Border x:Name="SelectionVisual"
        Margin="0"
        BorderBrush="#FF848484"
        BorderThickness="1,1,1,0"
        CornerRadius="3,3,0,0"
        Opacity="0">
    <Border.Background>
        <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
            <GradientStop Color="White" />
            <GradientStop Offset="1" Color="#FFFAFAFA" />
        </LinearGradientBrush>
    </Border.Background>
    <Border BorderBrush="White"
            BorderThickness="1,1,1,0"
            CornerRadius="2,2,0,0" />
</Border>

For your convenience I extracted the default template of the control in the attached project. Please take a look at it and let me know if it works for you.

Regards,
Pavel R. Pavlov
the Telerik team