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
0
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.:
If this is not the case, could you please provide more detailed information on the specific scenario?
All the best,
Dobromir
the Telerik team
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.
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.
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
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
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".
Jqueries draggable overrides the css attribute "position" and sets it to "position: relative".