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.
Please let me know how to rectify this problem.
Warm Regards,
Nisha
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
0
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)
Sincerely yours,
Georgi Tunev
the Telerik team
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