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

Multicolumn RadComboCox inside RadGrid hightlighted item autosize height problem

1 Answer 104 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Morten Bomholt
Top achievements
Rank 1
Morten Bomholt asked on 29 Jan 2009, 02:58 PM

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>

 

 

 

 

 

 

 

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 02 Feb 2009, 05:15 PM
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 
    heightauto !important; 

Best wishes,
Kamen Bundev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
ComboBox
Asked by
Morten Bomholt
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or