I am having a nightmare with a combobox width in Firefox (all versions) but not in IE7/8/9, Chrome, or Opera.
Attached are 2 images showing the problems, here is the code:
<%
@ Control Language="C#" AutoEventWireup="true" CodeBehind="TelerikTradeSelectionControl.ascx.cs" Inherits="GalileoAdmin.Resources.Controls.Tradesman.TelerikTradeSelectionControl" %>
<%
@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%
--<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all" Skin="Web20"></telerik:RadFormDecorator>--%>
<
asp:UpdatePanel ID="pnlUpdate" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">
<ContentTemplate>
<label for="test">
<span class="redtext">*</span> Your MAIN trade</label>
<div class="info">
</div>
<telerik:RadComboBox ID="cmbMainTrade" Width="242px" runat="server" Filter="Contains" Skin="WebBlue" AutoPostBack="True" CssClass="qqdd"
OnSelectedIndexChanged="cmbMainTrade_SelectedIndexChanged" DropDownWidth="242px" style="padding-bottom:7px;" >
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</telerik:RadComboBox>
<div style="clear: both;">
</div>
<label for="test">
Additional trade (if needed)
</label>
<div class="info">
</div>
<telerik:RadComboBox ID="cmbSecondaryTrade" Width="242px" AllowCustomText="true" EmptyMessage="Select a Trade" runat="server"
Filter="Contains" Skin="WebBlue" AutoPostBack="True" OnSelectedIndexChanged="cmbSecondaryTrade_SelectedIndexChanged">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</telerik:RadComboBox>
</ContentTemplate>
</
asp:UpdatePanel>
and
private void BindPrimaryTradeSelection()
{
//bind the combobox
cmbMainTrade.DataSource = GetTrades(
true);
cmbMainTrade.DataTextField =
"Name";
cmbMainTrade.DataValueField =
"Name";
cmbMainTrade.DataBind();
if (cmbMainTrade.Text == String.Empty)
{
RadComboBoxItem item = new RadComboBoxItem();
item.Text =
"Click to select a trade";
item.Value =
"";
item.Selected =
true;
item.Enabled =
false;
item.Visible =
false;
cmbMainTrade.Items.Add(item);
}
}
private void BindSecondaryTradeSelection()
{
//bind the combo box
cmbSecondaryTrade.DataSource = GetTrades(
false);
cmbSecondaryTrade.DataTextField =
"Name";
cmbSecondaryTrade.DataValueField =
"Name";
cmbSecondaryTrade.DataBind();
if (cmbSecondaryTrade.Text == String.Empty)
{
RadComboBoxItem item = new RadComboBoxItem();
item.Text =
"Click to select a trade";
item.Value =
"";
item.Selected =
true;
item.Enabled =
false;
item.Visible =
false;
cmbSecondaryTrade.Items.Add(item);
}
}
The other dropdowns on the page are standard HTML dropdowns.
Please point me in the right direction
Thanks
Dave
1 Answer, 1 is accepted
Rank 1
It was a buried bit of CSS!
Cheers
Dave