RadTextBox MultiLine & IE11

19 posts, 0 answers
  1. John
    John avatar
    44 posts
    Member since:
    Apr 2011

    Posted 23 Oct 2013 Link to this post

    We are using 2012 Q3 SP2.  

    The problem I am seeing is that a RadText box that is multiline and disabled displays the text on a single line  with a horizontal scrollbar in IE11.  Is this fixed in a later version of the Telerik Controls?  It does work correctly with IE9, showing several lines of text with no horizontal scrollbar.
  2. Deyan Enchev
    Admin
    Deyan Enchev avatar
    60 posts

    Posted 28 Oct 2013 Link to this post

    Hello,

    Thank you for reporting us this issue.
    Currently, we are working on the known problems related to IE11 and will include the fixes in our upcoming release. RadControls will support officially IE11 from Q3 2013 SP1 release.

    Regards,

    Deyan Enchev
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Eric
    Eric avatar
    3 posts
    Member since:
    Oct 2012

    Posted 15 Nov 2013 Link to this post

    As something been done for that in 2013 SP1? I have 2013 SP1 and the problem is still there.
  5. Deyan Enchev
    Admin
    Deyan Enchev avatar
    60 posts

    Posted 15 Nov 2013 Link to this post

    Hello Eric,

    This problem is fixed in our 2013 Q3 SP1. Attached you can find a video file that I have recorded against a simple webpage. I am requesting this page from a Windows 8.1 machine that has IE11 browser.

    In addition you can verify that this issue no longer replicates on our online demo Input – First Look.

    Still if you experience this issue at your side could you send us small runnable project which we can further examine. This will let us get back to you with more straight to the point answers.

    Regards,
    Deyan Enchev
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. Eric
    Eric avatar
    3 posts
    Member since:
    Oct 2012

    Posted 15 Nov 2013 Link to this post

    Thank you it's working. My mistake.
  7. Eric
    Eric avatar
    3 posts
    Member since:
    Oct 2012

    Posted 15 Nov 2013 Link to this post

    In fact it now goes automatically to the next line but I can't go to a new line by pressing return anymore. It just add a space to my text.
  8. Owen
    Owen avatar
    12 posts
    Member since:
    May 2013

    Posted 15 Nov 2013 Link to this post

    The online demo works because there is a separate input.css file that sets the .RadInput textarea CSS rule with a white-space: normal. I'm guessing this is what should be in my Webresource.axd. Why does my release not contain that attribute?

    I am using Telerik RadControls for ASP.NET Ajax Q3 2013 version 2013.3.1015.40

    Input.css on your live demo:
    .RadInput textarea {
        vertical-align: bottom;
        overflow: auto;
        resize: none;
        white-space: normal;
    }


    Telerik.Web.UI Webresource.axd css rule:
    .RadInput textarea {
        vertical-align: bottom;
        overflow: auto;
        resize: none;
    }

    My RadTextBox code:
    <telerik:RadTextBox ID="OrderComment" runat="server" TextMode="MultiLine" MaxLength="2000" Width="470px" Height="250px" Resize="None" BackColor="#FFF9BD" />


    Regards,
    Owen
  9. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 18 Nov 2013 Link to this post

    .RadInput textarea {
        white-space: pre !important;
    }

    CSS above fixed all issues for me even though I have the latest version and I do see the white-space: normal css.
  10. Owen
    Owen avatar
    12 posts
    Member since:
    May 2013

    Posted 18 Nov 2013 Link to this post

    Well played. I get in after the weekend and there is an updated RadControls for AJAX Q3 2013 version 2013.3.1114.40 waiting to be downloaded. Now, white-space: normal is included in the WebResource.axd.

    Thanks for the update, Telerik.

    Regards,
    Owen

    EDIT: As described below by Shane, white-space:pre is required instead of white-space:normal as white-space:normal does not allow carriage returns in the multiline window. Thank you for the fix, Shane!
  11. Tom O
    Tom O avatar
    3 posts
    Member since:
    Apr 2009

    Posted 21 Nov 2013 Link to this post

    Another issue, that is also visible in the First Look demo - The enter button is not inserting carriage returns like it did in previous versions. It works fine in Chrome/Firefox.

    It is saving correctly, but not displaying correctly before or after the save.

    Do you have an ETA on a fix or temporary solution?
  12. Shane Clay
    Shane Clay avatar
    29 posts
    Member since:
    May 2010

    Posted 22 Nov 2013 Link to this post

    Tom,

    Adding the following CSS works as a temporary solution:

    .RadInput textarea { white-space: pre !important; } /* FIX - Enter key acting as a space in RadTextBox with MultiLine=True*/
  13. Tom O
    Tom O avatar
    3 posts
    Member since:
    Apr 2009

    Posted 25 Nov 2013 Link to this post

    thanks, that worked
  14. Deyan Enchev
    Admin
    Deyan Enchev avatar
    60 posts

    Posted 26 Nov 2013 Link to this post

    Hi,

    Our dev team provided a fix for this issue and the fix is part of our latest internal build. You can just download it from our site while logged in with your account or use the CSS below as a workaround.

    Login to your account in our site and go to Products & Subscriptions –> Latest internal builds –> Select a product from the drop down (RadControls for ASP.NET AJAX). In the section of Available Downloads you should be able to see the latest one: Telerik.Web.UI_2013_3_1126_Dev_hotfix


    Regards,
    Deyan Enchev
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  15. access
    access avatar
    3 posts
    Member since:
    Sep 2012

    Posted 21 Jul 2014 in reply to Cradz Link to this post

    Thanks.Its working.
  16. mohd
    mohd avatar
    6 posts
    Member since:
    Mar 2015

    Posted 22 May 2015 Link to this post

    Hi All,

    I have a textbox and mode as multiple line, When I am trying to add the text in my textbox field its keep adding in one line but its not wrapping.

    Its working for me in Mozilla firefox and chrome but when I tried on IE 11 it’s all on one line and you have to click in the field and arrow across or scroll across to read everything.

     

    Below is the aspx code which I am currently using for the textbox and am using version 2012.3.1308.3 , kindly update me if do we have any property which fix this issue in IE 11.

     

    <tr>

                                    <td align="left" valign="middle" class="panelStyle1">
                                        Comments:
                                    </td>
                                    <td align="left" valign="middle" class="panelStyle1">
                                       <radI:RadTextBox ID="txtComments" runat="server" tabIndex="7" Width="400px" Height="80px" Skin="SunSet" TextMode="MultiLine" MaxLength="250"  Font-Names="segoe ui" Font-Size="12px" BorderColor= "#938879" BorderWidth="1px" FocusedStyle-BackColor="LightYellow" >
                                        <ClientEvents OnKeyPress="textMaxLength" />
                                        </radI:RadTextBox></td>
                                </tr>

     

     

    Thank you !

  17. Deyan Enchev
    Admin
    Deyan Enchev avatar
    60 posts

    Posted 27 May 2015 Link to this post

    Hello,

    Could you please verify that you are using our latest release?
    I have tested the markup provided using it and was not able to find any issues with the content wrapping.

    Thanks.

    Regards,
    Deyan Enchev
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  18. mohd
    mohd avatar
    6 posts
    Member since:
    Mar 2015

    Posted 28 May 2015 in reply to Deyan Enchev Link to this post

    Hi Deyan,

     

    Thanks for your reply, I have fixed the below issue with this code ..

     

      <tr>
                                    <td align="left" valign="middle" class="panelStyle1">
                                        Comments:
                                    </td>
                                    <td align="left" valign="middle" class="panelStyle1">
                                       <radI:RadTextBox ID="txtComments" runat="server" tabIndex="7" Width="400px" Height="80px" Skin="SunSet"
                                        TextMode="MultiLine" MaxLength="250"  Font-Names="segoe ui" Font-Size="12px" BorderColor= "#938879" BorderWidth="1px" 
                                        FocusedStyle-BackColor="LightYellow" style="white-space: normal !important;">
                                        <ClientEvents OnKeyPress="textMaxLength" />
                                        </radI:RadTextBox></td>
                                </tr>

     

    Thanks for your help

     

    Moiz.

  19. Raj
    Raj avatar
    2 posts
    Member since:
    Mar 2016

    Posted 29 Mar Link to this post

    .RadInput textarea {
        vertical-align: bottom;
        overflow: auto;    
        white-space: normal;
    }

     

    This fixes the issue in IE11

  20. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 01 Apr Link to this post

    Hi,

    Thank you for your inputs. I'm sure the provide approaches will be helpful for other members of the community.

    Regards,
    Maria Ilieva
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017