Russell Bairstow
Top achievements
Rank 1
Rank 1
Russell Bairstow
asked on 02 Jan 2010, 02:12 AM
I am having issues getting a RadSplitter to take up 100% height and 100% width in firefox only (IE works wonderfully)
In firefox it looks like it is setting the width and height to 400px. I know that the parent container is working perfect as the screen is taken up by a red block from the DIV.
Examples:
http://www.fleetdynamics.com.au/firefox.jpg
http://www.fleetdynamics.com.au/ie.jpg
Build is 2009.3.1208.35
In firefox it looks like it is setting the width and height to 400px. I know that the parent container is working perfect as the screen is taken up by a red block from the DIV.
Examples:
http://www.fleetdynamics.com.au/firefox.jpg
http://www.fleetdynamics.com.au/ie.jpg
Build is 2009.3.1208.35
| <body style="height:100%; width:100%"> |
| <form id="ManagerForm" runat="server" style="width:100%; height:100%"><div style="height: 100%; background-color:red"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <telerik:RadSplitter ID="RadSplitter1" runat="server" |
| VisibleDuringInit="true" Width="100%" PanesBorderSize="0" BorderSize="0" |
| Height="100%" Orientation="Horizontal" FullScreenMode="False"> |
| <telerik:RadPane ID="Radpane3" runat="server" Height="128" Scrolling="None"> |
| header </telerik:RadPane> |
| <telerik:RadPane ID="Radpane5" runat="server"> |
| <telerik:RadSplitter ID="RadSplitter2" runat="server" BorderSize="0"> |
| <telerik:RadPane ID="Radpane1" runat="server" Width="200"> |
| <uc1:VehicleInfo ID="VehicleInfo1" runat="server" /> |
| </telerik:RadPane> |
| <telerik:RadSplitBar runat="server" CollapseMode="Forward" EnableResize="false" /> |
| <telerik:RadPane ID="Radpane2" runat="server"> |
| <asp:PlaceHolder ID="MapPlaceHolder" runat="server"></asp:PlaceHolder> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </telerik:RadPane> |
| <telerik:RadPane ID="Radpane4" runat="server" Height="45" Width="100%"> |
| footer |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </div></form></body> |
5 Answers, 1 is accepted
0
Christopher Bishop
Top achievements
Rank 2
Rank 2
answered on 03 Jan 2010, 07:00 PM
| html,form,body { |
| margin:0px; |
| padding:0px; |
| height:100%; |
| width:100%; |
| overflow:hidden; |
| } |
0
Russell Bairstow
Top achievements
Rank 1
Rank 1
answered on 03 Jan 2010, 10:21 PM
I already have that code in the HTML, and as you can see in the screenshot the red DIv takes up 100% width and height.
full code:
full code:
| <%@ Page Language="VB" AutoEventWireup="false" EnableEventValidation="false" CodeFile="Manager.aspx.vb" |
| ClientTarget="uplevel" Inherits="Manager" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title>Page</title> |
| <style type="text/css"> |
| html, form, body |
| { |
| margin: 0px; |
| padding: 0px; |
| height: 100%; |
| width: 100%; |
| overflow: hidden; |
| } |
| </style> |
| </head> |
| <body style="height:100%; width:100%"> |
| <form id="ManagerForm" runat="server" style="width:100%; height:100%"><div style="height: 100%; background-color:red"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <telerik:RadSplitter ID="RadSplitter1" runat="server" |
| VisibleDuringInit="true" Width="100%" PanesBorderSize="0" BorderSize="0" |
| Height="100%" Orientation="Horizontal" FullScreenMode="False"> |
| <telerik:RadPane ID="Radpane3" runat="server" Height="128" Scrolling="None"> |
| header </telerik:RadPane> |
| <telerik:RadPane ID="Radpane5" runat="server"> |
| <telerik:RadSplitter ID="RadSplitter2" runat="server" BorderSize="0"> |
| <telerik:RadPane ID="Radpane1" runat="server" Width="200"> |
| <uc1:VehicleInfo ID="VehicleInfo1" runat="server" /> |
| </telerik:RadPane> |
| <telerik:RadSplitBar runat="server" CollapseMode="Forward" EnableResize="false" /> |
| <telerik:RadPane ID="Radpane2" runat="server"> |
| <asp:PlaceHolder ID="MapPlaceHolder" runat="server"></asp:PlaceHolder> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </telerik:RadPane> |
| <telerik:RadPane ID="Radpane4" runat="server" Height="45" Width="100%"> |
| footer |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </div></form></body> |
| </html> |
0
Hi Russell,
I examined your code and it seems to be correct. I tested it under IE and FF and I was not able to see difference - please examine the screenshots I prepared and attached for your reference. In case you see the problem there, please clearly mark it and provide detailed explanations of the actual and the desired results and the differences between them. Otherwise, let me know what modifications I should apply to see the problem and I will do my best to help.
Kind regards,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
I examined your code and it seems to be correct. I tested it under IE and FF and I was not able to see difference - please examine the screenshots I prepared and attached for your reference. In case you see the problem there, please clearly mark it and provide detailed explanations of the actual and the desired results and the differences between them. Otherwise, let me know what modifications I should apply to see the problem and I will do my best to help.
Kind regards,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Russell Bairstow
Top achievements
Rank 1
Rank 1
answered on 04 Jan 2010, 01:39 PM
You are getting the result I would expect; I have since rolled back to an older version of the DLL and the code is now working fine so will leave it as is; maybe the DLL needed to be reinstalled or there is an issue with the latest build.
Ether way my problem has been solved for myself, thanks for the effort.
Ether way my problem has been solved for myself, thanks for the effort.
0
Hi Russell,
I am glad you were able to solve the problem yourself and you now get the required behavior. In case you need further assistance or you decide to investigate the setup further, do not hesitate to contact us again.
Regards,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
I am glad you were able to solve the problem yourself and you now get the required behavior. In case you need further assistance or you decide to investigate the setup further, do not hesitate to contact us again.
Regards,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.