TabControl Header Style

1 Answer 55 Views
TabControl
Justin
Top achievements
Rank 1
Justin asked on 23 Aug 2022, 04:20 AM | edited on 23 Aug 2022, 04:27 AM

Hi team,

How can I  change the background of the  tabcontrol header?

And also  I want to set corners  of  header area like image 2.

I have setted  corners  of   content area ,but there is  a outline, look at image 3

 

Thanks in Advance.

 

1 Answer, 1 is accepted

Sort by
0
Vicky
Telerik team
answered on 24 Aug 2022, 10:07 AM

Hi Justin,

Thanks for the screenshots.

To change the background of the header part, you need to use the HeaderBackground property.
For the rounded corners, you will need to extract the default control template of the RadTabControl and make the respective changes to it.

From the screenshots, I am assuming that you are interested in the Crystal theme, so I've gone ahead and created a sample app with it for your convenience.

You can find the project attached to my reply. Please, give it a try and let me know if you found it helpful.

Best Regards,
Vicky
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/.

Justin
Top achievements
Rank 1
commented on 25 Aug 2022, 07:10 AM

Thank you Vicky!
Tags
TabControl
Asked by
Justin
Top achievements
Rank 1
Answers by
Vicky
Telerik team
Share this question
or