[Solved] Styling of Selected Item

[gm]

The styling of the last selected panel bar item is inconsistent between the themes.  For example, with Office2010Blue, selecting a panel bar item sets the background color (via t-state-selected) to orange.  However, with other themes, such as Metro, selecting a panel bar item causes no change in the background color.  I imagine this is intentional, but it does make it more difficult to switch between themes and have consistent behavior. 

I am using the panel bar as a vertical menu in the left hand side of a splitter window where the details for the selected panel bar item is displayed in the right hand side of the splitter.  My preference is to have some indication of what was last selected in the panel bar list, so the user can associate the detail window contents to the selected panel bar item.  I know I can style this on my own, but prefer to stick with the CSS provided.

I also noticed that the styling is different between the ASP.NET AJAX panel bar and the MVC panel bar (with ASP.NET AJAX Metro theme the background color of the selected item is different).

[Dimo]

Hello Gregg,

The three Office2010 skins, as well as the simpler skins (such as Simple, Windows7) have been designed in a different way, so they support selected state for top-level PanelBar items. If you need the same behavior for all skins, you will need to tweak them. This is because the selected state applies a background color, but on most of the skins this color remains hidden behind the background image, which is applied by the t-header CSS class.

Kind regards,
Dimo
the Telerik team