Display Problem

[Dan Miller]

I have a contact form that has three RadComboBox's on it that are not showing correctly. I have tried with several different skins and have the same problem. I think this is most likely a style-sheet issue but have been unable to find anything that would cause this. I have attached screenshots of what the page looks like and the code for the form is below. 

<table cellpadding="5" cellspacing="5" style="width: 400px; border-right: 1px solid #B0B0B0; border-left: 1px solid #B0B0B0">

<tr>

    <td style="width: 200px; text-align: right;">

        <strong style="text-align: right">Vipre Antivirus Product *</strong>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <telerik:RadComboBox ID="RadComboBoxVipreSuite" Skin="Simple" runat="server">

            <Items>

                <telerik:RadComboBoxItem Text="Vipre Business Premium" />

                <telerik:RadComboBoxItem Text="Vipre Business" />

            </Items>

        </telerik:RadComboBox>

    </td>

</tr>

<tr>

    <td style="width: 200px; text-align: right;">

        <strong style="text-align: right">First Name *</strong>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <telerik:RadTextBox ID="RadTextBoxFirstName" Skin="Simple" Width="200px" runat="server" />

    </td>

</tr>

<tr>

    <td style="width: 200px; text-align: right;">

        <strong style="text-align: right">Last Name *</strong>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <telerik:RadTextBox ID="RadTextBoxLastName" Skin="Simple" Width="200px" runat="server" />

    </td>

</tr>

<tr>

    <td style="width: 200px; text-align: right;">

        <strong style="text-align: right">Company Name *</strong>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <telerik:RadTextBox ID="RadTextBoxCompanyName" Skin="Simple" Width="200px" runat="server" />

    </td>

</tr>

<tr>

    <td style="width: 200px; text-align: right;">

        <span style="text-align: right">Phone Number</span>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <telerik:RadTextBox ID="RadTextBoxPhoneNumber" Skin="Simple" Width="200px" runat="server" />

    </td>

</tr>

<tr>

    <td style="width: 200px; text-align: right;">

        <strong style="text-align: right">Email Address *</strong>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <telerik:RadTextBox ID="RadTextBoxEmailAddress" Skin="Simple" Width="200px" runat="server" />

    </td>

</tr>

<tr>

    <td style="width: 200px; text-align: right;">

        <span style="text-align: right">City</span>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <telerik:RadTextBox ID="RadTextBoxCity" Skin="Simple" Width="200px" runat="server" />

    </td>

</tr>

<tr>

    <td style="width: 200px; text-align: right;">

        <strong style="text-align: right">Country *</strong>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <telerik:RadComboBox ID="RadComboBoxCountry" Skin="Simple" Width="200px" runat="server">

            <Items>

                <telerik:RadComboBoxItem Text="" />

                <telerik:RadComboBoxItem Value="us" Text="United States" />

                <telerik:RadComboBoxItem Value="ca" Text="Canada" />

                <telerik:RadComboBoxItem Value="al" Text="Albania" />

                <telerik:RadComboBoxItem Value="ai" Text="Anguilla" />

                <telerik:RadComboBoxItem Value="ag" Text="Antigua and Barbuda" />

                <telerik:RadComboBoxItem Value="ar" Text="Argentina" />


            </Items>

        </telerik:RadComboBox>

    </td>

</tr>

<tr>

    <td style="width: 200px; text-align: right;">

        <strong style="text-align: right">Num of Users *</strong>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <telerik:RadComboBox ID="RadComboBoxNumOfUsers" Skin="Simple" Width="200px" runat="server">

            <Items>

                <telerik:RadComboBoxItem Text="" />

                <telerik:RadComboBoxItem Text="1-24" />

                <telerik:RadComboBoxItem Text="25-49" />

                <telerik:RadComboBoxItem Text="50-99" />

                <telerik:RadComboBoxItem Text="100-249" />

                <telerik:RadComboBoxItem Text="250-499" />

                <telerik:RadComboBoxItem Text="500-999" />

                <telerik:RadComboBoxItem Text="1000-2499" />

                <telerik:RadComboBoxItem Text="2500-4999" />

                <telerik:RadComboBoxItem Text="5000+" />

            </Items>

        </telerik:RadComboBox>

    </td>

</tr>

<tr>

    <td style="width: 200px; text-align: right;">

        <span style="text-align: right">Do you resell computer software?</span>

    </td>

    <td valign="top" style="width: 200px; text-align: left">

        <asp:RadioButtonList ID="RadioButtonListResell" Width="200px" runat="server">

            <asp:ListItem Selected="True">No</asp:ListItem>

            <asp:ListItem>Yes</asp:ListItem>

        </asp:RadioButtonList>

    </td>

</tr>

<tr>

    <td colspan="2" style="text-align: right; width: 320px">

        <asp:Button ID="ButtonRequestQuote" runat="server" Text="Request Your Quote" />

    </td>

</tr>

</table>

[Kalina]

Hello Dan Miller,

I used the code posted here, created a sample page, and tested how RadComboBox controls are displayed.
On my side everything looks properly – please take at this demonstration video.
I suppose that there has to be something else in your page that causes this issue.

Regards,
Kalina
the Telerik team