Sliding PaneBar incompatible with RadTreeView

2 posts, 0 answers
  1. CSurieux
    CSurieux avatar
    465 posts
    Member since:
    Jan 2007

    Posted 23 May 2008 Link to this post


    I have a side effect with the javascipt given in Telerik sample, When I want to add a RadTreeView, the treview stop expanding and collapsing when clicking on an image.
    How could I correct this.
    Here is my  page code with javascript directly from the sample.
    The Treeview is loaded from a custom control in one Pane.
    RadPanelMenu is simply a class wrapper arounf RadPanelBar.

    <%@ Control Language="c#" AutoEventWireup="true"  %>
    <%@ Register TagPrefix="cc1" Namespace="AW.WebControls" Assembly="WCore" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <asp:ScriptManagerProxy ID="ScriptManagerProxyDeskTop" runat=server />
    <div class="wt_DefaultLayoutDiv">
        <cc1:WT3Panes ID="TPans" Height="100%" ShowLastSeparator="False" ShowFirstSeparator="False"
            CellPadding="0" CellSpacing="0" runat="server">
            <div style="height:30px" ></div>
            <LeftPaneStyle CssClass="LeftPane" VerticalAlign="Top"></LeftPaneStyle>
            <ContentPaneStyle CssClass="ContentPane" VerticalAlign="Top" HorizontalAlign="left">
            <RightPaneStyle CssClass="RightPane" VerticalAlign="Top"></RightPaneStyle>
    <div style="position:fixed; top:0; left:0">
            <asp:ImageButton runat="server" ID="tbimage" SkinID='FloatButton' Style="float: left; outline: 0;" />
            <div id="slidingDiv" style="visibility: hidden; position: relative; float: left;
                display: block">
                <cc1:RadPanelMenuNavigation ID="NavMen" runat="server" Bind="BindOptionTop" UseTabNameInUrl="True" ShowImages='True'
                    AutoBind="True" EnableViewState='False' ExpandMode="MultipleExpandedItems" ImgWidth=20 BackColor=Transparent EnableTheming='true' PersistStateInCookie='true' >
        <script type="text/javascript">
                var panelDomElement = $get('<%=NavMen.ClientID %>');
                if (panelDomElement)
                    SetUpAnimation('<%=tbimage.ClientID %>', Telerik.Web.UI.SlideDirection.Right,panelDomElement);
                function SetUpAnimation(image, direction,element)
           = "relative";
                    var slider = document.getElementById(image);
                    var expanded = false;
                    var expandAnimation =new Telerik.Web.UI.AnimationSettings({});
                    var collapseAnimation = new Telerik.Web.UI.AnimationSettings({});
                    var slide = new Telerik.Web.UI.Slide(element, expandAnimation, collapseAnimation, false);
                    slider.onclick = function ()
               = "visible";
               = "block";
                        if (!expanded)
                        expanded = !expanded;
                        return false;

    Thanks for answer.
  2. Atanas Korchev
    Atanas Korchev avatar
    8462 posts

    Posted 26 May 2008 Link to this post

    Hi Christian Surieux,

    I couldn't reproduce the reported problem on my end. Please find attached a modified version of our online example which includes a RadTreeView. Let me know if I am missing something important.

    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. DevCraft R3 2016 release webinar banner
Back to Top