Display Problem

2 posts, 0 answers
  1. Dan Miller
    Dan Miller avatar
    23 posts
    Member since:
    Jul 2010

    Posted 14 Dec 2010 Link to this post

    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>
  2. Kalina
    Admin
    Kalina avatar
    918 posts

    Posted 17 Dec 2010 Link to this post

    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
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top