Width & Height in Firefox

6 posts, 0 answers
  1. Russell Bairstow
    Russell Bairstow avatar
    3 posts
    Member since:
    Dec 2009

    Posted 01 Jan 2010 Link to this post

    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

    <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> 
  2. Christopher Bishop
    Christopher Bishop avatar
    50 posts
    Member since:
    May 2008

    Posted 03 Jan 2010 Link to this post

    html,form,body {  
        margin:0px;  
        padding:0px;  
        height:100%;  
        width:100%;  
        overflow:hidden;  
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Russell Bairstow
    Russell Bairstow avatar
    3 posts
    Member since:
    Dec 2009

    Posted 03 Jan 2010 Link to this post

    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:
    <%@ 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> 
     
     
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 04 Jan 2010 Link to this post

    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.
  6. Russell Bairstow
    Russell Bairstow avatar
    3 posts
    Member since:
    Dec 2009

    Posted 04 Jan 2010 Link to this post

    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.
  7. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 06 Jan 2010 Link to this post

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