Background color of selected RadTabItem

[Chris Thierry]

Hi, I was trying to change the back color of selected tabitem in Silverligh 4.0 using Telerik RadControls Q3 SP1, I saw a couple of examples with lot of lines of code for doing this.
I just want to change the background color,  is there any property like SelectedItemBackgroundColor?, I don't want special effects, just a simple color. I can use property Background but when there is only one item, my Background color doesn't appears! because I have only one item.

Thank you.

[Petar Mladenov]

Hi Chris Thierry,

There is no such property. You can edit the default style of the RadTabItem and apply it to whichever element you wish , even if it is the only one in the ItemsCollection. You can also create a style and bind the Background of the RadtabItem  to the IsSelected Property via converter.
Feel free to ask if you need more info or help on this.

All the best,
Petar Mladenov
the Telerik team

[Chris Thierry]

Could you please provide an example?
Thank you.

[Petar Mladenov]

Hello Chris Thierry,

Please check out the attached  sample where a basic approach to your request is realized.
Basically, you have to play with the MouseOverVisual Border in the ControlTemplate of the RadTabItem.
Do not hesitate to ask if you need further assistance on this.

Regards,
Petar Mladenov
the Telerik team

[dh]

We would like to create a tab control where each tab has a different background color that is maintained when the tab is selected.  Is the solution to this to create a different control template for each tab?  Can this be done once and reused between different tabs in different tab control instances?  Providing a different control template per tab is not very maintainable or scalable.  Having a SelectedBackground property taking a brush would provide the needed flexibility.

Also, a previous post mentioned binding the Background property to the IsSelected property using a converter, but I had no luck producing the desired behavior.  Providing a different converter per tab would be sufficient if you could show us an example of this method working.

[Tina Stancheva]

Hello Dan,

In your case I'd suggest you to bind the Background property of the RadTabItem to a business property from your view model. Then you can edit the ControlTemplate of the RadTabItem and bind the Background property of the SelectionVisual Border to the RadTabItem Background property as well. This way the business color property will control the background of the TabItems' Headers in normal and selected states.

I attached a sample project to get you started.

Regards,
Tina Stancheva
the Telerik team