Hello,
I am using treeview and I'm noticing that when I expand a node whose children has an exceptionally long string - the view scrolls to the right horizontally consequentially obfuscating other parent nodes on the left from the view. This happens only when I run it in IE. Does anyone have a work around for this problem.
Regards
Jesse Ash
I am using treeview and I'm noticing that when I expand a node whose children has an exceptionally long string - the view scrolls to the right horizontally consequentially obfuscating other parent nodes on the left from the view. This happens only when I run it in IE. Does anyone have a work around for this problem.
Regards
Jesse Ash
4 Answers, 1 is accepted
0
Hi Jesse,
Can you give us link to your live site, so we can look inspect the css on the page.
Thanks
Regards,
Hristo Valyavicharski
Telerik
Can you give us link to your live site, so we can look inspect the css on the page.
Thanks
Regards,
Hristo Valyavicharski
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
Jesse
Top achievements
Rank 1
Veteran
answered on 02 Jul 2014, 04:58 PM
The code I am working with is currently offline. I will see about getting a sample running online.
0
Jesse
Top achievements
Rank 1
Veteran
answered on 04 Jul 2014, 06:01 PM
The problem is with the .scrollIntoView() function In FF it scrolls just vertically which is fine- but in IE it scrolls both vertically and horizontally. Do you by any chance have work around for IE?
function animationEnd(sender, args):
var selectedNode =
sender.get_selectedNode();
if (selectedNode)
{
var nodeElement =
selectedNode.get_element();
nodeElement.scrollIntoView();//<----works fine in Mozilla (scrolls
just vertically) , in IE (scrolls both vertically
and horizontally)
}
The .aspx code is:
<div id="tab1SR" style="padding-left:5px;padding-right:5px;padding-top:5px;" >
<telerik:RadTreeView runat="server" ID="RadTreeView2" OnClientLoad="onTreeLoad" Font-Bold="true" EnableEmbeddedSkins="false" Skin="Sitefinity" ShowLineImages="true" OnClientNodeCollapsed="OnClientNodeCollapsedHandler" OnClientNodeExpanded="OnClientNodeExpandingHandler" OnClientNodeClicked="OnClientNodeClickedHandler" OnClientNodePopulated="ClientNodePopulated" OnClientNodeCollapsing="OnClientNodeCollapsing" OnClientNodeDataBound="OnClientNodeDataBoundHandler" OnClientNodeAnimationEnd="animationEnd" EnableEmbeddedScripts="true">
<WebServiceSettings Path="TreeService3.svc" Method="GetData" />
</telerik:RadTreeView>
</div>
function animationEnd(sender, args):
var selectedNode =
sender.get_selectedNode();
if (selectedNode)
{
var nodeElement =
selectedNode.get_element();
nodeElement.scrollIntoView();//<----works fine in Mozilla (scrolls
just vertically) , in IE (scrolls both vertically
and horizontally)
}
The .aspx code is:
<div id="tab1SR" style="padding-left:5px;padding-right:5px;padding-top:5px;" >
<telerik:RadTreeView runat="server" ID="RadTreeView2" OnClientLoad="onTreeLoad" Font-Bold="true" EnableEmbeddedSkins="false" Skin="Sitefinity" ShowLineImages="true" OnClientNodeCollapsed="OnClientNodeCollapsedHandler" OnClientNodeExpanded="OnClientNodeExpandingHandler" OnClientNodeClicked="OnClientNodeClickedHandler" OnClientNodePopulated="ClientNodePopulated" OnClientNodeCollapsing="OnClientNodeCollapsing" OnClientNodeDataBound="OnClientNodeDataBoundHandler" OnClientNodeAnimationEnd="animationEnd" EnableEmbeddedScripts="true">
<WebServiceSettings Path="TreeService3.svc" Method="GetData" />
</telerik:RadTreeView>
</div>
0
Hi Jesse,
It looks like the problem is in the IE. Please look here: http://social.technet.microsoft.com/Forums/en-US/b8458796-8360-4512-b88a-62190f421ef7/issues-with-scrollintoview-javascript-method-in-ie10?forum=ieitprocurrentver
Regards,
Hristo Valyavicharski
Telerik
It looks like the problem is in the IE. Please look here: http://social.technet.microsoft.com/Forums/en-US/b8458796-8360-4512-b88a-62190f421ef7/issues-with-scrollintoview-javascript-method-in-ie10?forum=ieitprocurrentver
Regards,
Hristo Valyavicharski
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.