This is a migrated thread and some comments may be shown as answers.

[Solved] PanelBar CSS styling

1 Answer 129 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Rob
Top achievements
Rank 1
Rob asked on 27 Sep 2011, 04:07 PM
I have a panel bar that renders some subitems that are date sensitive, so I wanted to show red / amber / green background colours to represent how far away that date is.

I've performed a calculation within a loop, then added some HtmlAttributes to add the @class I wanted for colouring, i.e. DAYS1 .. DAYS10.  However, the currently selected item always overrides my styling.  Ideally I want to show the same colouring, but perhaps a border around the selected item instead.  This is probably simple CSS styling, but any pointers would be appreciated :-)

Thanks,
Rob.

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 27 Sep 2011, 04:35 PM
Hi Rob,

It seems to me that you need to increase the specificity of your custom styles, for example add one more CSS class to your selectors. In this way your styles will override the PanelBar styles.

Regards,
Dimo
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the Telerik Extensions for ASP.MET MVC, subscribe to their blog feed now
Tags
PanelBar
Asked by
Rob
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or