Unnecassary Horizontal Scrolling in IE 10 & 11

5 posts, 0 answers
  1. Jesse
    Jesse avatar
    3 posts
    Member since:
    Jun 2014

    Posted 24 Jun 2014 Link to this post

    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
  2. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 27 Jun 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jesse
    Jesse avatar
    3 posts
    Member since:
    Jun 2014

    Posted 02 Jul 2014 in reply to Hristo Valyavicharski Link to this post

    The code I am working with is currently offline. I will see about getting a sample running online.
  5. Jesse
    Jesse avatar
    3 posts
    Member since:
    Jun 2014

    Posted 04 Jul 2014 Link to this post

    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>
  6. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 09 Jul 2014 Link to this post

    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.

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