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

[Solved] Slidingpane slides under content on firefox 2.5

5 Answers 97 Views

Splitter

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

Eyal Noam asked on 21 Sep 2010, 05:07 PM

Hi,
I have 2 splitters that on of them contains a sliding pane opens on the other splitter.
Its works well (opens on the content) under Explorer and Firefox 3.0+ but on the machines that will be needed to operate the system we have Slax machine with Firefox 2.5 and its showing the pane underneath the content.
Here is my code (sorry about the "****"):

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

<head runat="server">

<title>****</title>

<link href="css/***.css" rel="stylesheet" type="text/css" />

<link href="1.css" rel="stylesheet" type="text/css" />

<link href="2.css" rel="stylesheet" type="text/css" />

<link href="css/GridView.css" rel="stylesheet" type="text/css" />

<style type="text/css">

div#UniquesSplitter

{

float: left;

}

div#RadSplitter1

{

float: left;

}

</style>

<script type="text/javascript">

function onClicking(sender, eventArgs) {

var item = eventArgs.get_item();

var itemText = item.get_text();

var itemNavigate = item.get_navigateUrl();

if (itemText != "Search") {

eventArgs.set_cancel(true);

if (itemNavigate != "#") {

if (itemNavigate.startsWith("(UpdUrl)")) {

itemNavigate = itemNavigate.substring(8);

var strArr = itemNavigate.split(',');

}

else {

window.open(itemNavigate, itemText, null, null);

}

</script>

</head>

<body class="bodyStyle">

<form id="form1" runat="server">

<input type="hidden" id="url" name="url" value="" />

<telerik:RadScriptManager runat="server" EnablePartialRendering="true">

</telerik:RadScriptManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="****" runat="server" ShowContentDuringLoad="True" Width="600px"

Height="400px" Title="****" Behaviors="Default">

</telerik:RadWindow>

<telerik:RadWindow ID="****" runat="server" ShowContentDuringLoad="True"

Width="600px" Height="400px" Modal="true" Behaviors="Close">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<table width="100%">

<tr>

<td>

<telerik:RadMenu ID="TopMenu" runat="server" DataFieldID="ID" DataFieldParentID="ParentID"

DataNavigateUrlField="URL" OnClientItemClicking="onClicking" DataTextField="Name"

Skin="WebBlue">

</telerik:RadMenu>

</td>

</tr>

<tr>

<td>

<telerik:RadSplitter ID="UniquesSplitter" runat="server" Height="1000px" ResizeWithBrowserWindow="true"

Orientation="Vertical">

<telerik:RadPane ID="EndPane" runat="server" Width="22" Scrolling="none">

<telerik:RadSlidingZone ID="Radslidingzone1" runat="server" Width="22" SlideDirection="Right">

<telerik:RadSlidingPane ID="Radslidingpane1" Title="My Results" BackColor="#dedede"

EnableDock="false" runat="server">

<asp:Literal ID="Literal1" runat="server"></asp:Literal>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

<telerik:RadSplitter ID="RadSplitter1" LiveResize="false" VisibleDuringInit="false"

ResizeWithBrowserWindow="true" ResizeMode="Proportional" Width="94%" Height="1000px"

Orientation="Horizontal" runat="server">

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Both" />

<telerik:RadPane ID="****" Height="9%" Width="100%" runat="server">

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">

<ContentTemplate>

<AutoDialer:Control ID="****" runat="server" />

</ContentTemplate>

</asp:UpdatePanel>

</telerik:RadPane>

<telerik:RadSplitBar ID="TabsSplit" runat="server" CollapseMode="Both" />

<telerik:RadPane ID="TabStripPane" Height="89%" Width="100%" runat="server">

<div id="div" class="SetStyle">

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Align="Center" MultiPageID="RadMultiPage1"

ScrollButtonsPosition="Middle" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" PageViewID="*****" Text="****">

</telerik:RadTab>

<telerik:RadTab runat="server" PageViewID="****" Text="*****">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="****">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">

<telerik:RadPageView ID="*****" runat="server" Width="100%">

<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">

<ContentTemplate>

<Messages:YourMessage ID="*****" runat="server" />

<ContactDetails:ContactDetailsUserControl ID="****" runat="server" />

<ContactDetails:ApplicantDetails ID="****" runat="server" />

<ContactDetails:OrigUniqueDetails ID="****" runat="server" />

<ContactDetails:LastTransaction ID="****" runat="server" />

<ContactDetails:LeadDetails ID="****" runat="server" />

<ContactDetails:LeadHistoryUserControl ID="****" runat="server" />

</ContentTemplate>

</asp:UpdatePanel>

</telerik:RadPageView>

<telerik:RadPageView ID="****" runat="server" Width="100%">

<PaymentsDetails:PaymentsHistory ID="****" runat="server" />

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</telerik:RadPane>

</telerik:RadSplitter>

</td>

</tr>

</table>

</form>

</body>

</html>

5 Answers, 1 is accepted

answered on 24 Sep 2010, 10:23 AM

radslidingpanetest.zip

Hello Shmuel Tal,
I created a simple test page based on your code and tested it in FF 2.0.0.20, but I was not able to reproduce the problem you describe. I have attached my test page for your reference. Could you please test it on your side to see if you can reproduce the problem with it? In case you cannot, could you please prepare a simple test page that demonstrates the problem and send it to me? I will review your code and provide you with a concrete solution.

In the meantime, you can check the doctype that you use. Basically, our controls are intended to work on pages with XHTML compliant doctype. For example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

RadSlidingPane, however, should work correctly on a page in quirks mode as well, provided you are using the latest version of the assembly: 2010.2 826.

Greetings,
Tsvetie
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

answered on 04 Oct 2010, 01:47 PM

firefix2workaround.zip

Hello Shmuel Tal,
Indeed, you are correct. I was able to reproduce the problem in Firefox 2, following your instructions. We will fix it for the upcoming Q3 2010 release. For the time being, you can use the following workaround:

<script type="text/javascript">

Telerik.Web.UI.RadSlidingPane.prototype._oldMoveRootToParent = Telerik.Web.UI.RadSlidingPane.prototype._moveRootToParent;

Telerik.Web.UI.RadSlidingPane.prototype._moveRootToParent = function (a)

{

var temp = $telerik.quirksMode;

if($telerik.isFirefox2)

$telerik.quirksMode = true;

this._oldMoveRootToParent(a);

$telerik.quirksMode = temp;

};

Telerik.Web.UI.RadSlidingZone.prototype._oldSplitterLoadHandler = Telerik.Web.UI.RadSlidingZone.prototype._splitterLoadHandler;

Telerik.Web.UI.RadSlidingZone.prototype._splitterLoadHandler = function (a)

{

var temp = $telerik.quirksMode;

if($telerik.isFirefox2)

$telerik.quirksMode = true;

this._oldSplitterLoadHandler(a);

$telerik.quirksMode = temp;

};

</script>

I have attached a test page for your reference as well.

Regards,
Tsvetie
the Telerik team