Label Problem with Chrome

4 posts, 0 answers
  1. Robert
    Robert avatar
    5 posts
    Member since:
    Jul 2011

    Posted 10 Aug 2011 Link to this post

    I am using a RadComboBox on my page and setting the Label property.

    Everything looks fine in IE & Firefox, but Chrome is putting a carriage return after the Label.  So instead of the ComboBox being to the right of the Label, it is showing up under it.

    Is this a known issue with Chrome?  How can I fix it?
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 11 Aug 2011 Link to this post

    Hello Robert,

    I have tried to recreate the issue at my end but no avail with the version (2011, 1, 519, 35). Please upgrade to latest version and see whether it helps.
    Updating RadControls for ASP.NET AJAX to another version or license

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Robert
    Robert avatar
    5 posts
    Member since:
    Jul 2011

    Posted 11 Aug 2011 Link to this post

    I am using the latest version (2011.2.712.40).

    Here is my markup:

    <table width="100%">
        <tr>
            <td>
                <telerik:RadComboBox ID="rcbCategory" runat="server" Width="195px" DataTextField=""
                    DataValueField="" EmptyMessage="Select a Category" OnClientSelectedIndexChanging="loadSubCategories"
                    OnItemsRequested="rcbCategory_ItemsRequested" EnableTextSelection="False" Label="Category: " />
                <asp:RequiredFieldValidator ID="rfvCategory" runat="server" Display="None"
                    ErrorMessage="You must select a category" ControlToValidate="rcbCategory"></asp:RequiredFieldValidator>
                <ajax:ValidatorCalloutExtender ID="rfvCategory_ValidatorCalloutExtender" 
                    runat="server" Enabled="True" PopupPosition="BottomRight" 
                    TargetControlID="rfvCategory">
                </ajax:ValidatorCalloutExtender>
            </td>
            <td style="padding-left: 10px;">
                <telerik:RadComboBox ID="rcbSubCategory" runat="server" Width="195px" DataTextField=""
                    DataValueField="" EmptyMessage="No SubCategories" OnClientSelectedIndexChanging="loadSubCategories2"
                    OnClientItemsRequested="itemsLoaded" OnItemsRequested="rcbSubCategory_ItemsRequested"
                    EnableLoadOnDemand="True" EnableTextSelection="False" OnClientDropDownOpened="subCategoryDropDownOpened"
                    Label="Sub Category: " />
            </td>
            <td style="padding-left: 10px;">
                <telerik:RadComboBox ID="rcbSubCategory2" runat="server" Width="195px" DataTextField=""
                    DataValueField="" EmptyMessage="No SubCategories" OnClientItemsRequested="itemsLoaded"
                    OnItemsRequested="rcbSubCategory_ItemsRequested" EnableLoadOnDemand="True" EnableTextSelection="False"
                    Label="Sub Category: " />
            </td>
            <td style="width: 100px; padding-left: 5px;">
                <telerik:RadButton ID="btnRemove" runat="server" Text="Remove" ToolTip="Remove Category"
                    OnClientClicking="RemoveButtonClicking">
                </telerik:RadButton>
            </td>
        </tr>
    </table>

    You can see this live at http://test.wnwebsolutions.com/xcollectibles/search.aspx
  5. Thad
    Thad avatar
    106 posts
    Member since:
    Sep 2010

    Posted 11 Aug 2011 Link to this post

    Hi Robert,

    I think the problem lies in your CSS.  Specifically differences between the "label" class and "rcbLabel" class.

    Extra left and right padding is causing the combobox to wrap because it is out of room within the cell.

    But I'm not a CSS person so that's as much as I could see when comparing the styles in Firefox vs Chrome.

    Hope that gets you started!
    Thad
Back to Top