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

scrolling does not work for random items

4 Answers 40 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Fabian Schulz
Top achievements
Rank 1
Fabian Schulz asked on 11 Nov 2011, 05:35 PM
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?

4 Answers, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 14 Nov 2011, 05:48 PM
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
0
Fabian Schulz
Top achievements
Rank 1
answered on 16 Nov 2011, 11:04 AM
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.
0
Dobromir
Telerik team
answered on 21 Nov 2011, 10:23 AM
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
0
Fabian Schulz
Top achievements
Rank 1
answered on 21 Nov 2011, 10:43 AM
problem found:
Jqueries draggable overrides the css attribute "position" and sets it to "position: relative".
Tags
Splitter
Asked by
Fabian Schulz
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
Fabian Schulz
Top achievements
Rank 1
Share this question
or