Multicolumn RadComboCox inside RadGrid hightlighted item autosize height problem

[Morten Bomholt]

My problem is when i open up the radcombobox the items are all same height (18px), but the binded description value is many words and the height of the items should autosize, data doesn't get cut of but it's all plastered on top of eachother.
If i put a radcombobox with the same settings and bindings outside the grid it works perfectly and strangely also the radcombobox inside the grid suddenly works, could it be the datasource. It's a objectdatasource. If i let it remain where the radcombobox logic during design creation of the datasource puts it, the radcombox cannot find it upon entering edit mode. Therefore i have move it up before the radcombocbox.
If i view the html behind with IE Developer toolbar the <UL class=rcblist> tag shows up with height aprox. 5 * 18px, but when the control works the <UL class=rcblist> tag shows the height aprox 300 px.

 

 

 

 

EditItemTemplate>

 

 

<

 

 

asp:ObjectDataSource ID="ObjectDataSource1" runat="server"

 

 

 

SelectMethod="BeregningsKoder" TypeName="Beregningskoder">

 

 

 

 

</asp:ObjectDataSource>

 

 

 

 

 

 

 

 

 

<telerik:RadComboBox ID="RadComboBox3" Runat="server" DataSourceID="ObjectDataSource1"

 

 

 

 

 

 

 

DataTextField="Identifier" DataValueField="Identifier" DropDownWidth="305px"

 

 

 

 

 

 

 

EnableLoadOnDemand="true"

 

 

 

 

 

 

 

Font-Bold="False" Height="200px" HighlightTemplatedItems="True" MarkFirstMatch="True" Skin="Office2007">

 

 

 

 

 

 

 

<CollapseAnimation Duration="200" Type="OutQuint" />

 

 

 

 

 

 

 

<HeaderTemplate>

 

 

 

 

 

 

 

<table style="width:300px; text-align:left;">

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td style="width:50px;">Kode</td>

 

 

 

 

 

 

 

<td style="width:250px;">Beskrivelse</td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

</table>

 

 

 

 

 

 

 

</HeaderTemplate>

 

 

 

 

 

 

 

<ItemTemplate>

 

 

 

 

 

 

 

<table style="width:300px; text-align:left;">

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td style="width:50px;"><%# Eval("Identifier") %></td>

 

 

 

 

 

 

 

<td style="width:250px;"><%# Eval("Description") %></td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

</table>

 

 

 

 

 

 

 

</ItemTemplate>

 

 

 

 

 

 

 

</telerik:RadComboBox>

 

 

 

 

 

 

 

</EditItemTemplate>

 

 

 

 

 

 

 

 

[Kamen Bundev]

Hello Morten Bomholt,

Sorry for the late reply.

This appears to be a bug with IE7 incorrectly picking up item height which it shouldn't. I've updated your Telerik points for finding it. Add this CSS to your project to fix it:

*+html .RadComboBoxDropDown_Office2007 .rcbItem,
*+html .RadComboBoxDropDown_Office2007 .rcbHovered,
*+html .RadComboBoxDropDown_Office2007 .rcbDisabled,
*+html .RadComboBoxDropDown_Office2007 .rcbLoading
{
    height: auto !important;
}

Best wishes,
Kamen Bundev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.