I have a templated combo showing Product Title, System, and Cost.
<
telerik:RadComboBox
ID
=
"radcmbProduct"
runat
=
"server"
Width
=
"400px"
Height
=
"200px"
AllowCustomText
=
"false"
EmptyMessage
=
"Select a Product"
EnableLoadOnDemand
=
"True"
ShowMoreResultsBox
=
"true"
EnableVirtualScrolling
=
"true"
HighlightTemplatedItems
=
"true"
MarkFirstMatch
=
"true"
NoWrap
=
"true"
OnItemsRequested
=
"radcmbProduct_ItemsRequested"
OnItemDataBound
=
"radcmbProduct_ItemDataBound"
>
<
HeaderTemplate
>
<
ul
>
<
li
class
=
"col1"
>Title</
li
>
<
li
class
=
"col2"
>System</
li
>
<
li
class
=
"col3"
>Price</
li
>
</
ul
>
</
HeaderTemplate
>
<
ItemTemplate
>
<
ul
>
<
li
class
=
"col1"
>
<%# DataBinder.Eval(Container.DataItem, "Title") %></
li
>
<
li
class
=
"col2"
>
<%# DataBinder.Eval(Container.DataItem, "GameSystemName") %></
li
>
<
li
class
=
"col3"
>
<%# DataBinder.Eval(Container.DataItem, "Cost") %></
li
>
</
ul
>
</
ItemTemplate
>
</
telerik:RadComboBox
>
The Product Title is going to be longer than I can fit , I have tried turning NoWrap off and Cost end up on the next line but I am having enough issues with the highlighting that I turned it back on. Here is the CSS:
.col1
, .col2, .col3
{
float: left;
width: 100px;
margin: 0;
padding: 0 5px 0 0;
line-height: 14px;
}
I want to get the highlighting and perhaps the text wrapping to work together so it looks good. Here is what it looks like now (see attachment)
I am not sure what is missing but it will not highlight based on the template and even if I turn nowrap on as it is, the highlight line is way above where the mouse is, etc.