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

RadControls not working in Mozilla FF

1 Answer 53 Views

General Discussions

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

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">

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

<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

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