Incomplete render when changing font size

4 posts, 0 answers
  1. MikeP
    MikeP avatar
    6 posts
    Member since:
    Feb 2013

    Posted 03 May 2013 Link to this post

    Code:

    <telerik:RadTextBox ID="CIContactNameTxt" Runat="server" Width="550px">
         <EnabledStyle Font-Size="Medium" />
    </telerik:RadTextBox>


    When using IE10, the text in the control does not render fully until the box gets focus. I tested this on 3 different computers with IE10. It renders properly with IE9, Chrome & FireFox. Regular textboxes render properly as well. I've attached screen snippets as well. No CSS changes.

    Thanks,

    Mike

  2. MikeP
    MikeP avatar
    6 posts
    Member since:
    Feb 2013

    Posted 03 May 2013 Link to this post

    Update: If I use regular ASP textbox controls and add them to a RadInputManager they look correct upon initial render. It only seems to be affected when using a RadTextBox.

    Mike
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Edward
    Edward avatar
    13 posts
    Member since:
    Sep 2011

    Posted 07 May 2013 Link to this post

    Mike,

    I have also seen this problem in IE10, but it turns out it is not caused by the RadTextBox itself, but the way it works. The EnabledStyle is serialized and applied client side.

    If you JavaScript to change the font-size in IE10, you will get the same result in regular input element. Here is some forum I have found:
    http://stackoverflow.com/questions/15641082/ie10-body-load-issues-when-setting-element-font-styles

    You can use EnabledStyle-CssClass to set class that to be used, and style your TextBox with CSS to avoid the problem

    Ed
  5. MikeP
    MikeP avatar
    6 posts
    Member since:
    Feb 2013

    Posted 08 May 2013 Link to this post

    Ed,

    Thank you for responding.

    I figured it was something in the way that IE10 was rendering the content, but since the Telerik control provides a way to supply the setting, I figured they should know about the issue and see if there was a work around, which you provided.

    I haven't been able to figure out how to get the Enabled-CssClass to work as it won't pick up my settings, but I'm sure I'm just not formatting the style sheet properly. I'm new to the controls and am still trying to navigate my way around the controls and settings. I'll continue to work on it, but consider the issue solved.

    Thanks again!

    Cheers,

    Mike
Back to Top