RadTreeView jumps to top of the node

6 posts, 0 answers
  1. Aravind
    Aravind avatar
    41 posts
    Member since:
    Jun 2013

    Posted 10 Jun 2014 Link to this post

    Hi
      In my web application,i will use RadTreeView inside RadPanelBar,if i select bottom node,it will not stay at bottom node but selected node is bottom node,it will scroll to top of the treeview,this will appear only in IE.But in chrome and mozilla it stay where i select node it will not scroll to top of the tree node.so how to handle this problem in IE only.


    pls reply asap

      Regards
        Aravind
  2. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 13 Jun 2014 Link to this post

    Hello Aravind,

    Could you please provide me a sample project which reproduces the issue. I have created a sample based on your description and everything is working fine. I sending you a sample project for a reference.

    Regards,
    Peter Filipov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aravind
    Aravind avatar
    41 posts
    Member since:
    Jun 2013

    Posted 13 Jun 2014 Link to this post

    Hi
       Thank u for ur reply,pls see this code i will add lodingajaxpanle,sorry i am not fully mention,pls replace this code in ur projects and try ,if postback the page,it scroll to top,but selected node at bottom.
     <form id="form1" runat="server">
             <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="mytree">
                    <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="mytree" LoadingPanelID="RadAjaxLoadingPanel1" />
                        </UpdatedControls> 
                    </telerik:AjaxSetting>
                    </AjaxSettings> 
          </telerik:RadAjaxManagerProxy>
            <telerik:RadScriptManager Runat="server"></telerik:RadScriptManager>
            <telerik:RadPanelBar runat="server" Height="388px" >
                <Items>
                    <telerik:RadPanelItem Text="panel1">
                        <ContentTemplate>
                            <telerik:RadTreeView ID ="mytree" runat="server" OnNodeClick="mytree_NodeClick">
                                <Nodes>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeView>
                        </ContentTemplate>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="panel1"></telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="panel1"></telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="panel1"></telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelBar>


        </form>
  5. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 18 Jun 2014 Link to this post

    Hello Aravind,

    You need to place the PanelBar in a RadAjaxPanel. Please review the attached project.

    Regards,
    Peter Filipov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Aravind
    Aravind avatar
    41 posts
    Member since:
    Jun 2013

    Posted 22 Jun 2014 Link to this post

    Hi
     Actually i am call css for obtain scroll bar for RadPanelbar in each radpanelitem,like 
                 .SidePanelBar .rpTemplate {
        overflow: auto;
    }

    so if postback page it go to top of the node,but if i remove css,then it not scroll to top of the node for all browser,but i am use radpanelbar and 3 radpanelitem,in each panel item have radtreeview,in first panel item radtreeview only get scroll bar,but if i click second panel item and select radtreeview node, bottom of the node is hide inside panel item ,not get scroll bar
  7. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 25 Jun 2014 Link to this post

    Hi Aravind,

    Could you please open a support ticket and send me your sample project yo review it. Does the AjaxPanel resolves your issue?

    Regards,
    Peter Filipov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017