This is a migrated thread and some comments may be shown as answers.

RadControls not working in Mozilla FF

1 Answer 22 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
nisha
Top achievements
Rank 1
nisha asked on 10 Aug 2010, 08:03 AM
Hi,

I'm using RadControls for ASP>NET AJAX Q2 2010 NET40. My page is working fine in IE but None of the controls are visible in Mozilla FireFox. Below are the controls i'm using in Master page.

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
  
<%@ 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">
  
<head runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <title></title>
    <script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.ribbon.js" type="text/javascript"></script>
    <script src="scripts/page.js" type="text/javascript"></script>   
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
   <form id="form1" runat="server">
      <div id="Image" style="position:absolute; top:0px">    
        <img alt="" src="images/XBS2I_IMG_03.jpg" width="116%" style="height: 75px" />
        </div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div style=" position:absolute;top:75px">
    <telerik:RadDockLayout ID="RadDockLayout1" runat="server" Skin="Windows7">
        <telerik:RadSplitter ID="RadSplitter1" runat="server" BorderSize="0" 
            BorderStyle="None" Height="100%" LiveResize="True" Skin="Windows7" 
            Width="340px">
            <telerik:RadPane ID="RadPane1" runat="server" BorderWidth="10px" 
                Font-Names="MENU" Scrolling="None" Width="320px">
                <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" BorderStyle="None" BorderWidth="0px" EnableEmbeddedBaseStylesheet="False" 
                    EnableEmbeddedSkins="False" EnableTheming="True" Font-Names="Onyx" Height="100%" SlideDuration="500" ToolTip="Menu" Width="20px">
                    <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" BackColor="#99CCFF" EnableEmbeddedBaseStylesheet="False" EnableEmbeddedSkins="False" EnableTheming="True" IconUrl="2i.JPG" Scrolling="Y" TabView="TextOnly" Title="Menu" UndockText="Undock Text" Width="300px">
                        <telerik:RadTreeView ID="RadTreeView1" runat="server" DataFieldID="CHILD_CODE" DataFieldParentID="PARENT_CODE" DataNavigateUrlField="FILE_NAME" DataTextField="SCREEN_NAME" Skin="Web20">
                        </telerik:RadTreeView>
                     </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>
        </telerik:RadSplitter>
    </telerik:RadDockLayout>
    </div>
        <div style="position:absolute; top:100px; left:373px; width:533px; height:457px;">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
                <asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">        
        </asp:ContentPlaceHolder>
        </div>               
    </form>
</body>
</html>

Please let me know how to rectify this problem.

Warm Regards,
Nisha

1 Answer, 1 is accepted

Sort by
0
Georgi Tunev
Telerik team
answered on 11 Aug 2010, 02:20 PM
Hi Nisha,

You have set Height=100% for the splitter. For this to work, you need to make sure that all parent elements have height set to 100% as well (like shown in this demo)

    <title></title>
        <style type="text/css">
    html, body, form
    {
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }
    </style>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
   <form id="form1" runat="server">
      <div id="Image" style="position:absolute; top:0px">   
        <img alt="" src="images/XBS2I_IMG_03.jpg" width="116%" style="height: 75px" />
        </div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div style=" position:absolute;top:75px; height:100%">
...................


Sincerely yours,
Georgi Tunev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
General Discussions
Asked by
nisha
Top achievements
Rank 1
Answers by
Georgi Tunev
Telerik team
Share this question
or