This is a migrated thread and some comments may be shown as answers.

IE8 Focus on RadTextBox change text position

2 Answers 81 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Pascal
Top achievements
Rank 1
Pascal asked on 29 Jul 2010, 02:37 PM
Hi!

I'm facing a strange problem.

I'm using Telerik Q2 2010 (2010.2.713.40).
When I a have a RadTextBox in a form the rendering is nice with Firefox but in IE8 when you enter text, the text is placed vertically in the middle and when the input lose focus the text goes up 2 or 3 px. (I've attached an image with the 2 states one onto the other).
When I'm running with IE 8 in compatibility mode the problem disappear (I've also attached a screenshot that demonstrate the problem is not here anymore).

I'm using RadFormDecorator and I suppose it's the source of the problem. because when I delete it there is no problems...

Thanks for the real quality of your support team!

Regards

Pascal

2 Answers, 1 is accepted

Sort by
0
Accepted
Bozhidar
Telerik team
answered on 03 Aug 2010, 12:39 PM
Hi Pascal,

I succeeded to reproduce the problem. To fix it, you should use the following CSS code in the head section of your document:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
    <style type="text/css">
        .RadForm .riTextBox
        {
            font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="sc1" runat="server">
    </asp:ScriptManager>
    <div style="height: 2000px">
    </div>
    <telerik:RadFormDecorator ID="fd1" runat="server" DecoratedControls="All" />
    <telerik:RadTextBox ID="txt1" runat="server">
    </telerik:RadTextBox>
    <div style="height: 2000px">
    </div>
    </form>
</body>
</html>

The problem comes from inconsistency of the font styles, which will be fixed in  - Q2 SP1, which is will be released in the end of August, 2010.

If the suggested code does not fix the problem, please open a support ticket and send us a sample project that reproduces the issue so we can investigate further.

Kind regards,
Bojo
the Telerik team
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 Public Issue Tracking system and vote to affect the priority of the items
0
Pascal
Top achievements
Rank 1
answered on 03 Aug 2010, 12:44 PM
Great!

That fix the problem!

Thanks a lot for your really great forum!
Tags
FormDecorator
Asked by
Pascal
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Pascal
Top achievements
Rank 1
Share this question
or