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>
3 Answers, 1 is accepted
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.
Rank 1
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
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.