scrolling does not work for random items

5 posts, 0 answers
  1. Fabian Schulz
    Fabian Schulz avatar
    16 posts
    Member since:
    Jul 2007

    Posted 11 Nov 2011 Link to this post

    i'm currently writing on a drag&drop editor for one of my webapps, the editor adds content to a tree of div-elements via jquery insert, before and after methods. When the content gets bigger than the RadSplitters Height, a random set of elements simply wont scroll up or down (just like they don't belong to the RadPane & regardless of the position inside my tree). Debugging doesn't show any errors and the scrolling works fine without the splitter. Any advice what else may cause this behaviour?
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 14 Nov 2011 Link to this post

    Hi Fabian,

    You can experience such behavior in Internet Explorer 6 / 7, which is caused by a bug in the browser's box model. If this is the case, you can avoid this by setting position: relative CSS rule to the pane's DOM element, e.g.:
    <style type="text/css">
    .relativePosition
    {
        position: relative;
    }
    </style>
      
    .......
      
    <telerik:RadPane ID="RightPane" runat="server" Width="79%" CssClass="positionRelative">

    If this is not the case, could you please provide more detailed information on the specific scenario?
    • Which version of RadControls for ASP.NET AJAX and .NET Framework are used in the application?
    • Under which browser and its version the problem occurs?
    • Could you please provide a simple fully runnable project reproducing the problem so we can investigate it further?

    All the best,
    Dobromir
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Fabian Schulz
    Fabian Schulz avatar
    16 posts
    Member since:
    Jul 2007

    Posted 16 Nov 2011 Link to this post

    thanks for your reply.

    however, the error still occurs. The following javascript is executed at the stop event of the draggable if "cur_drop" is not null, while "cur_drop" represents the deepest node inside my tree that intersects with the boundingbox of my draggable.
    var content = contentcontrol.fullname + "::" + contentcontrol.classname;
    content = "<div class='dropLayer-upper' id='upper" + contentcontrol.uid + "'>" + content + "</div><br><br><div class='dropLayer-lower' id='lower" + contentcontrol.uid + "'></div>";
    content = "<div class='contentLayer-content' id='content" + contentcontrol.uid + "'>" + content + "</div>";
    if (cur_drop.uid == root_node.uid) {
        $("#" + root_node.fullname).append(content);
    } else {
        if (diry == -1) {
            $("#content" + cur_drop.uid).before(content);
        } else if (diry == 0) {
            $("#upper" + cur_drop.uid).after(content);
        } else {
            $("#content" + cur_drop.uid).after(content);
        }
    }


    Radcontrols version: 2011.2915.40
    Browser version: IE 9.0.8112.16421
    .NET version: 4.0.30319

    [edit]

    i did some research and it seems that any element with "overflow: scroll;" results in this behaviour.
  5. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 21 Nov 2011 Link to this post

    Hi Fabian,

    The content that is appended to the DOM looks OK, but the <div>'s have applied CSS classes which declaration is missing. To be able to provide further assistance on the problem we will need to reproduce the problem locally. Could you please open a formal support ticket and provide a sample page reproducing the problem so we can examine and debug it locally?

    Kind regards,
    Dobromir
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  6. Fabian Schulz
    Fabian Schulz avatar
    16 posts
    Member since:
    Jul 2007

    Posted 21 Nov 2011 Link to this post

    problem found:
    Jqueries draggable overrides the css attribute "position" and sets it to "position: relative".
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017