I was wondering if the following is possible, either through ItemTemplates, or through pure CSS:
I want to style my top level items with a custom theme like Office 2010 [Office 2010 like theme
]. I can override the background image:
DIV.RadPanelBar .rpRootGroup .rpSelected
background: url("Images/static.png") no-repeat scroll right -304px transparent;
but we miss the left hand border. Obviously to get this, we need another another image (this is done with another <span> element that wraps the .rpSelected element), but in your model there is no element that we can apply the background image too.
Is there a way to do this at design time? I really don't want to have to pluck out each .rpSelected and wrap it with my own <span> at runtime with JQuery...