HeightOffset prob in Q2 release

4 posts, 1 answers
  1. airedale
    airedale avatar
    8 posts
    Member since:
    Jul 2007

    Posted 26 Jul 2008 Link to this post

    HeightOffset problem with Q2 release and IE 7

    Using a similar test as Jared Tucker, thread “HeightOffset Bug in 2008.1.619” (example included), I find under 2008.2.723.35 when running under IE 7 the footer content seems to jump up to a higher position on the page when you resize the browser.

    Refreshing the page is required to correct the problem.

    No problems with FF and Safari.

    Please advice

    Regards

    Airedale

    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="SplitterFooter._Default" %>

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 

    <html xmlns="http://www.w3.org/1999/xhtml">  

    <head id="Head1" runat="server">  

        <title>Untitled Page</title> 

        <style type="text/css">  

        html, body, form  

        {  

            height: 100%;  

            overflow: hidden;  

            margin: 0px;  

            padding: 0px;  

        }  

        </style> 

    </head> 

    <body> 

        <form id="form1" runat="server">  

            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 

            <div id="header" style="height:100px;background-color:Gray;">Header</div> 

            <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" 

                HeightOffset="200">  

                <telerik:RadPane ID="RadPane1" runat="server"></telerik:RadPane> 

                <telerik:RadPane ID="RadPane2" runat="server"></telerik:RadPane> 

            </telerik:RadSplitter> 

            <div id="footer" style="height:100px;background-color:Gray;">Footer</div> 

        </form>      

    </body> 

    </html>

  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 28 Jul 2008 Link to this post

    Hello airedale,
    I was able to reproduce the problem you describe with the provided code under IE6 and IE7. I will add this to our TODO list for SP1.

    For the time being, you can use the following workaround:
    <head runat="server">  
        <title>Untitled Page</title> 
        <style type="text/css">    
        html, body, form     
        {     
            height: 100%;     
            overflow: hidden;    
            margin: 0px;     
            padding: 0px;   
        }     
        </style> 
    </head> 
    <body> 
        <form id="form2" runat="server">  
            <script type="text/javascript">  
            function OnClientResized(sender, args)  
            {  
                document.forms[0].style.cssText = document.forms[0].style.cssText;  
            }  
            </script> 
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
            <div id="header" style="height: 100px; background-color: Gray;">  
                Header</div> 
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" 
                HeightOffset="200" OnClientResized="OnClientResized">  
                <telerik:RadPane ID="RadPane1" runat="server">  
                </telerik:RadPane> 
                <telerik:RadPane ID="RadPane2" runat="server">  
                </telerik:RadPane> 
            </telerik:RadSplitter> 
            <div id="footer" style="height: 100px; background-color: Gray;">  
                Footer</div> 
        </form> 
    </body> 


    Sincerely yours,
    Tsvetie
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. airedale
    airedale avatar
    8 posts
    Member since:
    Jul 2007

    Posted 29 Jul 2008 Link to this post

    Thanks for the workaround Tsvetie,

    That certainly fixed that problem but unfortunately I still am having a problem in IE only with whatever content I place in the footer region is being moved down to a position out of view whenever I postback from either a dropdown menu or from controls posting back inside a sliding pane.

    By extending the footer area in my application I was able to observe the following action as seen in the images below.

    Image before postback

    Image after postback

    Thanks again
  4. Answer
    Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 30 Jul 2008 Link to this post

    Hello Airedale,
    I tried to reproduce the problem - using a button, but to no avail. Please find my test page attached. Could you please test if you could reproduce the problem with it? In case you cannot, please open a new support ticket and send us a simple running project, demonstrating the problem and we will do our best to help you get the desired result.

    Greetings,
    Tsvetie
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top