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

Slidingpane slides under content on firefox 2.5

5 Answers 60 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Eyal Noam
Top achievements
Rank 1
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 "****"):

<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

Sort by
0
Eyal Noam
Top achievements
Rank 1
answered on 21 Sep 2010, 05:55 PM
*FIX: The Firefox version is 2.0.0.6
0
Eyal Noam
Top achievements
Rank 1
answered on 21 Sep 2010, 06:17 PM
Hi,
I ran several more test.
Its browser compatibility issue, on my machine (windows 7)   with FireFox 2.0.0.20 its repeats the problem.
I presumed that the library supports firefox 2.+.....
0
Tsvetie
Telerik team
answered on 24 Sep 2010, 10:23 AM
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
0
Eyal Noam
Top achievements
Rank 1
answered on 03 Oct 2010, 10:36 AM
Hi,
Thanks for your reply and sorry for my late response.
I checked your page and i found out that if you don't fill any content in it its works well (goes over) but if you do fill and content (even pure text ) its rolls over the sliding pane content.
try it out and please let me know?

Regards
0
Tsvetie
Telerik team
answered on 04 Oct 2010, 01:47 PM
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
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
Splitter
Asked by
Eyal Noam
Top achievements
Rank 1
Answers by
Eyal Noam
Top achievements
Rank 1
Tsvetie
Telerik team
Share this question
or