This is a migrated thread and some comments may be shown as answers.

Unnecassary Horizontal Scrolling in IE 10 & 11

4 Answers 51 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Jesse
Top achievements
Rank 1
Veteran
Jesse asked on 24 Jun 2014, 07:19 PM
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

4 Answers, 1 is accepted

Sort by
0
Hristo Valyavicharski
Telerik team
answered on 27 Jun 2014, 03:09 PM
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
 

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>
0
Hristo Valyavicharski
Telerik team
answered on 09 Jul 2014, 09:43 PM
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
 

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.

 
Tags
TreeView
Asked by
Jesse
Top achievements
Rank 1
Veteran
Answers by
Hristo Valyavicharski
Telerik team
Jesse
Top achievements
Rank 1
Veteran
Share this question
or