RadTextbox wrapping problem in Chrome

2 posts, 0 answers
  1. Anton
    Anton avatar
    1 posts
    Member since:
    Apr 2014

    Posted 30 Apr 2014 Link to this post

    For some reason, the the RadNumericTextbox wraps strangely in chrome. It slices off the end of the border and places this on the next line (see attached image). This happens with the RadTextbox as well. The RadNumericTextbox is placed in a RadGrid, and in a GridTemplateColumn. Te wrap function on each cell in the table in the RadGrid is set to true.

    HTML:

    <telerik:GridTemplateColumn DataField="pni_value_100g_100ml" HeaderText="As prepared" Visible="false"
                    ItemStyle-Width="40px" HeaderStyle-Width="40px">
                    <EditItemTemplate>

                        <telerik:RadNumericTextBox ID="txtValue100g100ml" runat="server" Text='<%# Bind("pni_value_100g_100ml")%>' IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel="false"
                            MaxLength="255" NumberFormat-DecimalDigits="3" Width="40px" MinValue="0" NumberFormat-GroupSeparator="" NumberFormat-DecimalSeparator=".">
                        </telerik:RadNumericTextBox>
                    </EditItemTemplate>
                </telerik:GridTemplateColumn>


    CSS:.

    RadInput_Default, .RadInputMgr_Default{
        padding        :  7px;
        background     :  white;
        border:solid 1px silver;
        border-left    :  solid 1px silver;
        border-top     :  solid 1px silver;
        border-right   :  solid 1px silver;
        border-bottom  :  solid 1px silver;
    }

    Help?



  2. Eyup
    Admin
    Eyup avatar
    3990 posts

    Posted 05 May 2014 Link to this post

    Hi Anton,

    I've created a sample RadGrid web site to test the described behavior. On my side the numeric boxes appear as expected. Can you please run the attached application and let me know if I am missing something out to reproduce the issue?

    Regards,
    Eyup
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top