in a docking, RadPane header style doesn't match RadTabItem

1 Answer 10 Views
Docking Styling
David
Top achievements
Rank 1
David asked on 19 Apr 2024, 10:27 AM

Hi,

   I'm using a RadDocking with the VisualStudio2019 Dark theme.

   I'm getting confused as the header background styling is up side down in RadPane and RadTabItem leading to poor user experience.

   How can I have the same styling behavior as RadTabItem header applied to RadPane header ?

 

Thanks.

 

1 Answer, 1 is accepted

Sort by
0
Stenly
Telerik team
answered on 24 Apr 2024, 10:17 AM

Hello David,

To change this, the default control template of the RadPane element will have to be extracted and modified.  More specifically, locate the MultiTrigger for when the IsPinned and IsSelected properties are True and modify the Setter for the Background property of the Border element with x:Name="BorderVisual". After that, create a new Style with TargetType="RadPane" and set the modified template to the Template, LeftTemplate, TopTemplate, RightTemplate, and BottomTemplate properties.

With this being said, I have attached a sample project for you to test.

Regards,
Stenly
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

David
Top achievements
Rank 1
commented on 26 Apr 2024, 04:59 PM

Hi,

    Thanks a lot, it helped. I finally opted for transparent background. I find it much more elegant. But that's personnal taste I guess.

   I'll update the RadTabItem header style to match the same.

Best regards.

 

Tags
Docking Styling
Asked by
David
Top achievements
Rank 1
Answers by
Stenly
Telerik team
Share this question
or