[Solved] Strange issue with ComboBox arrow

[Philip]

Got another really strange issue. I have a page that actually has several comboboxes on it. I'm using the Telerik theme on all of them. On the one at the top of the page, I can see part of the word 'Select' in the dropdown arrow image on the right side of the combobox. It's really bizzarre...it's only the one combobox displaying this behavior...the others are fine.

Here's the code

    <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td style="width:29px; padding-top:3px;"><img src="images/header_bullet.gif" alt="" style="vertical-align:bottom;" /></td>
            <td style="text-align:left;" class="titleSectionLeft">Scout Information - <asp:Label ID="scoutName" CssClass="titleSectionLeftHighlight" runat="server" /></td>
            <td style="text-align:right; white-space:nowrap; padding-right:5px; padding-top:3px;">
                <telerik:radcombobox ID="scoutNav" Width="162" Runat="server" ShowToggleImage="True" EnableEmbeddedSkins="false" Skin="scSkin" DataSourceID="scoutnavdatasource" DataValueField="scout_id" DataTextField="scout_nm" />
                <asp:SqlDataSource ID="scoutnavdatasource" runat="server" ConnectionString="<%$ConnectionStrings:LocalSqlServer %>" SelectCommand="SELECT DISTINCT [sc_scout].[scout_id], [sc_scout].[scout_fnm] + ' ' + [sc_scout].[scout_lnm] AS [scout_nm] FROM [sc_scout] ORDER BY [scout_nm] ASC" />
            </td>
            <td style="text-align:right; white-space:nowrap; padding-right:5px; padding-top:3px;" class="titleSectionRight">
                <div class="button"><asp:Label ID="save_btn" Text="Save" runat="server" /></div>
            </td>
        </tr>
    </table>

I'm using Visual Web Developer 2008 for design and the site is configured as .NET 3.5 with AJAX.

Any ideas what this might be?

[Paul]

Hi Philip,

Unfortunately, the provided information does not help us much in reproducing the error. We noticed that you use some custom skin named scSkin. It will be best if you can open a support ticket and send us a simple running project (incl. your custom skins, 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.

Best wishes,
Paul
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Philip]

I found the problem. The ComboBox was inside a table cell whose alignment was set to right in order to place the ComboBox on the right side of the table cell. Removing this alignment got rid of the text...I'm assuming it's aligned left now underneath the actual ComboBox.

To fix the issue so I can still align my column right, I added a text-align:left to the combobox css.