IE7 and Q3 2012

6 posts, 0 answers
  1. Tommy
    Tommy avatar
    30 posts
    Member since:
    Nov 2011

    Posted 19 Oct 2012 Link to this post

    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
  2. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 22 Oct 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tommy
    Tommy avatar
    30 posts
    Member since:
    Nov 2011

    Posted 22 Oct 2012 Link to this post

    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>
  5. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 23 Oct 2012 Link to this post

    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.
  6. Matt
    Matt avatar
    49 posts
    Member since:
    Jun 2012

    Posted 09 Nov 2012 Link to this post

    "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.
     
  7. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 12 Nov 2012 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017