Slidingpane slides under content on firefox 2.5

6 posts, 0 answers
  1. Eyal Noam
    Eyal Noam avatar
    10 posts
    Member since:
    Apr 2010

    Posted 21 Sep 2010 Link to this post

    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>
  2. Eyal Noam
    Eyal Noam avatar
    10 posts
    Member since:
    Apr 2010

    Posted 21 Sep 2010 Link to this post

    *FIX: The Firefox version is 2.0.0.6
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Eyal Noam
    Eyal Noam avatar
    10 posts
    Member since:
    Apr 2010

    Posted 21 Sep 2010 Link to this post

    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.+.....
  5. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 24 Sep 2010 Link to this post

    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
  6. Eyal Noam
    Eyal Noam avatar
    10 posts
    Member since:
    Apr 2010

    Posted 03 Oct 2010 Link to this post

    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
  7. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 04 Oct 2010 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017