As the enclosed screenshot shows, I've implemented the RadListBox in order to show listbox items with more than one line of text. I'm making good progress with it but am stuck on one thing. Simply put, how do I effect styling on items that are not being hovered or clicked on?
To accomplish what I've done so far I implemented a custom 'ItemTemplate" as follows:
The problem with this is that the border around each item actually shows around the Panel inside the item, not the item itself.
In my CSS code I added this code:
But, so far, I have not been able to figure out how to identify the inactive items.
Any ideas?
Robert
To accomplish what I've done so far I implemented a custom 'ItemTemplate" as follows:
<
telerik:RadListBox
ID
=
"radListBoxStopes"
runat
=
"server"
Width
=
"100%"
Height
=
"100%"
OnItemCreated
=
"radListBoxStopes_ItemCreated"
><
br
> <
ItemTemplate
><
br
> <
asp:Panel
runat
=
"server"
style
=
"padding-bottom:0px; border: solid 1px black"
><
br
> <
asp:Label
ID
=
"labelStope"
runat
=
"server"
Text='<%# Eval("Description") %>' CssClass="muckListPrimary" /><
br
/><
br
> <
asp:Label
ID
=
"labelUnits"
runat
=
"server"
Text='<%# Eval("Units", "{0:0 units}") %>' CssClass="muckListSecondary" /><
br
> <
asp:HiddenField
ID
=
"hidFieldMaterial"
runat
=
"server"
Value='<%# Eval("Material").ToString() %>' /><
br
> </
asp:Panel
><
br
> </
ItemTemplate
><
br
> </
telerik:RadListBox
>
The problem with this is that the border around each item actually shows around the Panel inside the item, not the item itself.
In my CSS code I added this code:
<br>.rlbActive <br>{<br>
background
:
#b3d4f5
!important
;<br>
border
:
1px
solid
blue
!important
;<br>}<br><br>.rlbHovered <br>{<br>
background
:
#ffff80
!important
;<br>
border
:
1px
solid
red
!important
;<br>}
But, so far, I have not been able to figure out how to identify the inactive items.
Any ideas?
Robert