Remove extra space and a line

4 posts, 0 answers
  1. Wade
    Wade avatar
    22 posts
    Member since:
    Dec 2012

    Posted 09 Jan 2013 Link to this post

    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
  2. Wade
    Wade avatar
    22 posts
    Member since:
    Dec 2012

    Posted 10 Jan 2013 Link to this post

    Still looking for some help.

    I've tried solutions in other threads, but they didn't work.
  3. UI for WPF is Visual Studio 2017 Ready
  4. Wade
    Wade avatar
    22 posts
    Member since:
    Dec 2012

    Posted 10 Jan 2013 Link to this post

    Removed the left margin using this post

    Remove Left Indent
  5. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 14 Jan 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top