Changing appearance of tabs in RadPaneGroup

[Tom]

Hi

I'm trying to figure out how to chance the appearance of the tabs in a RadPaneGroup.

I open my project in Blend, and select the RadPaneGroup I want to change in the Objects and Timeline pane. Selecting 'Edit Additional Templates', I then choose Edit Bottom Template -> Edit A Copy, and choose a name, and put the new Template into a new xml file.

Now, I can figure out how to do some things, such as change the tabs to appear at the top, rather than the bottom, but cannot see how to change the look of the tabs. Where do I need to look to do this?

Thanks
Tom Davies

[Dani]

Hi Tom,

The important thing to note here is that the tabs in a PaneGroup are based on a ButtonChrome. In order to change appearance of tabs, you will need to edit the style that is applied to their ButtonChrome.

You will be able to do that if you have at your disposal all the resources for RadDocking for a particular theme. I have prepared a quick sample for you that uses the default Office Black theme. Please, find it attached. A custom theme is applied to the Docking control. The Style to modify is DocumentTabChromeStyle.

I hope this will be helpful. Please let me know, if you need more help on this.

Greetings,
Dani
the Telerik team

[Tom]

Hi Dani

Thanks for that, I have had some success with it. However, it only seems to affect non-document panes. Tabs in the DocumentHost are still rendered with the standard tab chrome.

Also, how can I change the look for the selected/non selected state of the tab? At the moment, selected tabs are automatically drawn slightly larger than non-selected ones. Where is the logic for this? Can I change this so that a totally different tab is rendered depending on whether or not the tab is selected?

Thanks
Tom Davies

[Dani]

Hi Tom,

Please, correct me if I misunderstand the issue, but I believe the DocumentHost tabs do have the style applied. Please, check the attached screenshot for reference.

I am resending the same project with one slight change - the selected state of the tabs.  If you check the triggers of the DocumentTabChromeStyle, you will notice that the selected state uses a PaneTabBackground_Selected brush for the selected state of the tabs. You can also search for the word "NOTE" in Generic.xaml for reference.

I hope this helps. Please, write back if you need further help.

Kind regards,
Dani
the Telerik team