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

Radcombobox too wide in Firefox

4 Answers 71 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Dave
Top achievements
Rank 1
Dave asked on 24 Oct 2011, 09:17 AM
Hi
I'm using Telerik.Web.UI, v4.0.30319, 2011.2.915.40.
I am trying to style some pages across a number of browsers, and have a problem!This code
<div style="width: 550px;">
<div style="margin-top: 5px;">
  
<label for="cmbMake">
  
<span class="redtext">*</span> Vessel Make</label>
  
<div class="info"> </div>
<telerik:RadComboBox ID="cmbMake" Width="249px" runat="server" Filter="Contains" Skin="WebBlue" Font-Names="Arial" AutoPostBack="True"OnSelectedIndexChanged="cmbMake_SelectedIndexChanged" OnItemDataBound="cmbMake_ItemDataBound" OnItemsRequested="cmbMake_ItemsRequested">
 
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
 
</telerik:RadComboBox>
 
</div>
<div style="clear: both;"></div>
 
<div style="margin-top: 5px;">
 
<label for="cmbModel">
 
<span class="redtext">*</span> Vessel Model</label>
 
<div class="info"> </div>
 
<telerik:RadComboBox ID="cmbModel" Width="249px" AllowCustomText="true" runat="server" Filter="Contains" Font-Names="Arial" Skin="WebBlue" AutoPostBack="True" OnSelectedIndexChanged="cmbModel_SelectedIndexChanged" OnItemDataBound="cmbModel_ItemDataBound" OnItemsRequested="cmbModel_ItemsRequested">
 
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
 
</telerik:RadComboBox>
 
</div>
  
</div>
It renders correctly in IE7,8,9, Opera 11.5, Chrome 10.5, Safari 5,
BUT
Any current version of Firefox ends up with the two RadComboBoxes over twice as wide as they should be!
(See attached pics)
Any thoughts?

Cheers

Dave

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 24 Oct 2011, 09:21 AM
Hello Dave,

I tried the same scenario, but no avail. Can you please make sure that you don't have any global CSS overriding the default CSS?

Thanks,
Shinu.
0
Dave
Top achievements
Rank 1
answered on 24 Oct 2011, 09:26 AM
Hi Shinu

No sure what you mean by 'no avail', but the CSS should (rightly or wrongly) affect all browsers surely?
I'm only getting this problem in Firefox!
Cheers

Dave
0
Dave
Top achievements
Rank 1
answered on 24 Oct 2011, 09:53 AM
A couple of notes.....
The code for these 2 is in an ascx page, the code for the top dropdown (not radcombobox) is in the ASPX page that the ascx sits in.
The code that builds the RadComboBox is (if that helps!)
protected void cmbMake_ItemsRequested(object sender, Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs e)
{
    List<RadComboBoxItem> items = ListMakes(e.Text);
    int itemOffset = e.NumberOfItems;
    int endOffset = Math.Min(itemOffset + 20, items.Count);
    e.EndOfItems = endOffset == items.Count;
    for (int i = itemOffset; i < endOffset; i++)
    {
        cmbMake.Items.Add(items[i]);
    }
}

If you want anything else just ask
Dave
0
Dave
Top achievements
Rank 1
answered on 24 Oct 2011, 11:08 AM
Solved, it was a rogue width statement further up the css

Sorry guys

Dave
Tags
General Discussions
Asked by
Dave
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Dave
Top achievements
Rank 1
Share this question
or