[Solved] Radcombobox Firefox issue

[AR]

Hi,
The radcombobox does not expand when i have dropdowncssclass ="multipleRowsColumns"  , it works fine when i remove the property. here is the code,  any thoughts ?

<

 

telerik:RadComboBox ID="Country" runat="server" Skin="Sunset"

 

 

DataSourceID="Country" DataTextField="Text" DataValueField="Value"

 

 

DropDownCssClass="multipleRowsColumns" DropDownWidth="460px" AllowCustomText="false" >

 

 

</telerik:RadComboBox>

 

[Veselin Vasilev]

Hi AR,

I could not reproduce the problem using the code you supplied. It would be good if you paste here the definition of the CSS class itself.

Kind regards,
Veselin Vasilev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[AR]

I use DropDownCssClass="multipleRowsColumns" , this is provided by telerik. let me know if you need any more info. thanks,

[Paul]

Hi AR,

We are not sure about this multipleRowsColumns CSS class. Please pastehere the definition of the CSS class itself or open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

All the best,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Knud Nexø]

Hello I too am having a problem with this...

The demo "Multiple rows and columns" on the page

http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/multicolumncombo/defaultcs.aspx

shows the css required to have multiple columns in the radcombobox.

.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered
{
    float:left;
    margin:0 1px;
    min-height:13px;
    overflow:hidden;
    padding:2px 19px 2px 6px;
    width:125px;
}

AR if you don't specify the Height then the dropdown section doesn't display...

The only way to get it to work is to specify the height...
in the demo as

    <telerik:RadComboBox ID="RadComboBox2" runat="server" Skin="Vista" Height="190px"
        Width="390px" DropDownCssClass="multipleRowsColumns" DropDownWidth="460px">
    </telerik:RadComboBox>

My problem is I don't know the height or the number of items that are going to be in the RadComboBox...

I tried setting the Height to 100% and this works in FF3.5 but in IE8 the dropdown section doesn't display...

Is it possible to use the multipleRowsColumns class and have the height adjust automatically?

Please Help...

if this is not possible you should update the demo text to make sure people know to set the Height for the multipleRowsColumns class to work...

[Simon]

Hi Knud Nexø,

Indeed, settihg Height to 100% or removing it breaks the layout of the drop down.

In this case, you can apply the following CSS to fix the issue:

.RadComboBoxDropDown
{
    overflow: hidden;
}

.RadComboBoxDropDown .rcbList
{
    float: left;
}

We will update the description of the Demo to mention this peculiarity.

I also updated your Telerik points for the report.

Regards,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.