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
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
5 Answers, 1 is accepted
0
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
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.
0

Aravind
Top achievements
Rank 2
Iron
Iron
Iron
answered on 13 Jun 2014, 10:50 AM
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>
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>
0
Hello Aravind,
You need to place the PanelBar in a RadAjaxPanel. Please review the attached project.
Regards,
Peter Filipov
Telerik
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.
0

Aravind
Top achievements
Rank 2
Iron
Iron
Iron
answered on 23 Jun 2014, 03:02 AM
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
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
0
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
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.