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

IE7 and Q3 2012

5 Answers 67 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Tommy
Top achievements
Rank 1
Tommy asked on 19 Oct 2012, 03:42 PM
Hi,

since I updated to Q3 2013. Every form that have a RadFormDecorator on it is totally messed up! It does a lot off JavaScripts errors too.

Tommy

5 Answers, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 22 Oct 2012, 06:47 AM
Hello,

Thank you for contacting us. We are aware about the JavaScript errors, but for the totally messed up form you should be more specific and provide us a sample code and screenshots that demonstrates the issue.

I browsed all the RadFormDecorator demos using IE7 and there is no a single messed up page.

Greetings,
Bozhidar
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
0
Tommy
Top achievements
Rank 1
answered on 22 Oct 2012, 02:11 PM

Hi,

I just noticed that all the filters in grid headers with auto sized collumns are now fixed to 154px when I have an RadFormDecorator on the form, and it does that with every browser.

here is a simple exemple of how it looks on IE7 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  >
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Login.aspx.vb" Inherits="GESPHARxLite_2.Login" %>
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<head id="Head1" runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" >
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Login</title>
     
    <link rel="shortcut icon" type="image/ico" href="Images/favicon.ico" />
    <link rel="icon" type="image/ico" href="Images/favicon.ico" /> 
    <script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
    <style type="text/css">
        body, form, html
        {
            height: 100%;
        }
        .loginDiv
        {
            margin-top: 100px;
        }
        .loginCenter
        {
            width: 320px;
            padding: 20px 0px 30px 0px;
            margin: 0 auto;
        }
        .lblLogin
        {
            float: left;
            width: 50%;
            line-height: 22px;
            text-align: left;
        }
        .edLogin
        {
            float: left;
            width: 50%;
            line-height: 22px;
            text-align: right;
        }
         
        #vertical
        {
            position: absolute;
            top: 50%;
            margin-top: -250px;
            width: 100%;
            text-align: center;
        }
        #hoz
        {
            width: 777px;
            margin-left: auto;
            margin-right: auto;
            height: 491px;
             
             
            position: relative;
        }
 
        #header
        {
            width: 100%;
            height: 59px !important;
             
            margin-top: 0px;
            position: relative;
        }
 
        #wrapper
        {
            width: 100%;
            height: 100%;
            margin: 0 auto;
             
            position: relative;
        }
         
        .spacer
        {
            clear:both;
        }
         
        .login
        {
            display: block; /*set the div in the center of the screen*/
            position: absolute;
            top: 30%;
            left: 25%;
        }
 
    </style>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
 
        <script type="text/javascript" language="javascript">
            $(document).ready(function()
            {
                if (window.top != window.self)
                {
                    window.top.location.reload(true);
                }
                else
                {
                    $("body").show();
                }
            });
        </script>
 
    </telerik:RadCodeBlock>
</head>
<body style="display: none;">
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="ScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">
            </asp:ScriptReference>
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="bLogin">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rwm" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadFormDecorator ID="RadFormDecorator1" DecoratedControls="All" runat="server" />
    <div id="vertical">
        <div id="hoz">
            <div class="loginDiv">
                <div>
                     
                </div>
                <div>
                    <telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">
                        <asp:Label runat="server" Height="32.333" Margin="91,93,94,0" ID="Label5" Font-Bold="true"
                            Font-Size="Large"><%=GetMessageEx(6491).Texte %></asp:Label>
                    </telerik:RadCodeBlock>
                </div>
                <div class="loginCenter">
                    <div class="editLine">
                        <div class="lblLogin">
                            <telerik:RadCodeBlock ID="RadCodeBlock3" runat="server">
                                <%=GetMessageEx(4132).Texte %>
                                :
                            </telerik:RadCodeBlock>
                        </div>
                        <div class="edLogin">
                            <telerik:RadTextBox ID="edUsager" runat="server" Width="154px">
                            </telerik:RadTextBox>
                        </div>
                        <div class="spacer">
                        </div>
                    </div>
                    <div class="editLine">
                        <div class="lblLogin">
                            <telerik:RadCodeBlock ID="RadCodeBlock4" runat="server">
                                <%=GetMessageEx(6623).Texte %>
                                :
                            </telerik:RadCodeBlock>
                        </div>
                        <div class="edLogin">
                            <telerik:RadTextBox ID="edPassword" runat="server" TextMode="Password" Width="154px">
                            </telerik:RadTextBox>
                        </div>
                        <div class="spacer">
                        </div>
                    </div>
                    <div class="editLine">
                        <div class="lblLogin">
                            <telerik:RadCodeBlock ID="RadCodeBlock5" runat="server">
                                <%=GetMessageEx(5184).Texte %>
                                :
                            </telerik:RadCodeBlock>
                        </div>
                        <div class="edLogin">
                            <telerik:RadComboBox ID="cboEtablissement" runat="server" AppendDataBoundItems="True"
                                DataTextField="NoEtabNomEtab" DataValueField="pram_sequence" Width="154px" Skin="Default">
                            </telerik:RadComboBox>
                        </div>
                        <div class="spacer">
                        </div>
                    </div>
                </div>
                <div>
                     
                </div>
            </div>
        </div>
    </div>
    <telerik:RadWindowManager runat="server" ID="rwm" Modal="true" VisibleOnPageLoad="true"
        VisibleStatusbar="false" IconUrl="Images/favicon.ico">
    </telerik:RadWindowManager>
    </form>
</body>
</html>
0
Bozhidar
Telerik team
answered on 23 Oct 2012, 07:15 AM
Hi Tommy,

I could confirm the issue, and we are aware that when RadFormDecorator is enabled on a page together with RadInput controls in IE7 there is a JavaScript mistake.

Our developers working on that problem and it will be fixed in shortly and most probably the fix will be available in the next official release scheduled for the beginning of December, but most probably it will be available in the internal demos earlier.

For now, you could disable RadFormDecorator or to use it, but with the property - EnableRoundedConrers set to false. The elements will be decorated but the rounded corners will be skipped, including the additional table rendered in IE7 to mimic rounded corners which is the problematic part.

All the best,
Bozhidar
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
0
Matt
Top achievements
Rank 1
answered on 09 Nov 2012, 09:29 PM
"I browsed all the RadFormDecorator demos using IE7 and there is no a single messed up page."

You sure?

Check the image. IE7 doesn't render button highlight (mouseover) doesn't display correctly.

Works fine in Chrome.
 
0
Bozhidar
Telerik team
answered on 12 Nov 2012, 02:30 PM
Hi,

The issue shown on the screenshot in IE7 and wrong hover state for metro skin is a known issue and is already fixed. The fix will be available in the next official release, scheduled for the beginning of December.

I am pretty sure, that there is no a single messed up page in IE7, at least the way I understand what is a "messed up" page - the layout is fine and the control behavior is fine also. Is it a bug the problem with the hovered background for Metro skin - yes, but in my opinion it could not be said it is messed.

All the best,
Bozhidar
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
Tags
FormDecorator
Asked by
Tommy
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Tommy
Top achievements
Rank 1
Matt
Top achievements
Rank 1
Share this question
or