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

How to change tab menu panel color?

4 Answers 244 Views
TabControl
This is a migrated thread and some comments may be shown as answers.
Psyduck
Top achievements
Rank 5
Bronze
Bronze
Bronze
Psyduck asked on 19 Feb 2021, 01:18 AM

Hello.

I want the color outside the tab menu (button) to be transparent. (The image is gray)

How do I customize it?

<telerik:RadTabControl  SelectedIndex="0"
                    VerticalAlignment="Stretch"
                    TabStripPlacement="Top"
                    BorderBrush="Blue"
                    Background="Red"
                    BorderThickness="1"
                    />

 

Thanks.

4 Answers, 1 is accepted

Sort by
0
Psyduck
Top achievements
Rank 5
Bronze
Bronze
Bronze
answered on 19 Feb 2021, 01:22 AM

I think there is not enough explanation, so I will leave it again in detail.

It refers to the dark gray background above the Category and Type buttons. (A little margin on the button)

The menu button has nothing to do with it.

0
Martin Ivanov
Telerik team
answered on 23 Feb 2021, 01:45 PM

Hello KIM,

If I understand your requirement properly you want to make the background behind the tabs transparent, instead of using the default dark gray color. If this is the case, then you can set the HeaderBackground property of RadTabControl.

<telerik:RadTabControl HeaderBackground="Transparent">

    Can you please give this approach a try and let me if it helps?

    Regards,
    Martin Ivanov
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

    0
    Psyduck
    Top achievements
    Rank 5
    Bronze
    Bronze
    Bronze
    answered on 24 Feb 2021, 01:02 AM

    Hello.

    Thank you. I checked using it.

    In a visualstudio designer, it is clearly visible on the screen in a transparent color.

    But when run, it still looks dark gray. What is the problem?

    I'm using Noxaml Windows7 Themes. (v 2020.3.1221.45)

     

    0
    Martin Ivanov
    Telerik team
    answered on 25 Feb 2021, 01:15 PM

    Hello KIM,

    I've tested this, but I wasn't able to reproduce the issue. Can you check the attached project and let me know if I am missing anything?

    Regards,
    Martin Ivanov
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

    Tags
    TabControl
    Asked by
    Psyduck
    Top achievements
    Rank 5
    Bronze
    Bronze
    Bronze
    Answers by
    Psyduck
    Top achievements
    Rank 5
    Bronze
    Bronze
    Bronze
    Martin Ivanov
    Telerik team
    Share this question
    or