RadDock Issue on a Tall Screen :: Screen Jumps

[Joseph]

I'm creating a Portal Page with RadDock using Prometheus/RadControls for ASP .NET Ajax.  It's pretty neat and our business owners were excited to see some of the built-in features such as pinning, collapsing, docking / drag&drop.  I haven't had too many issues, however I did notice one that is problematic.

If you have a dockzone that goes off the screen's viewable area (e.g. a page with a scrollbar) and you attempt to drag a dock component from the bottom (e.g. with the page scrolled down) to any other dockzone on the page, the page will JUMP to the very top and automatically highlight one of the top-most dockzones.

This behavior is undesirable because the user is not able to move the dockable object to where he/she wants to dock it (e.g. one position above where it is along the bottom with the page scrolled down).  Draging automatically forces the user to the top of the screen and prevents them from scrolling down to the position they would like.

The only way I can see to fix this is to shorten the height so that the dockzone does not scroll off the page (vertically).  Is there anyway to fix this or code around this automatic "jumping"?  Or is there a fix planned?

Please let me know if my description requires an example, as I might be able to mock one up for you.  This issue occurs in Internet Explorer 7.0, by the way.

joe

[Obi-Wan Kenobi]

I tried to reproduce the problem you have on the following example: http://demos.telerik.com/ASPNET/Prometheus/Dock/Examples/ZoneOrientation/DefaultCS.aspx

I created my browser(IE7)  to be smaller than the secondzone.After than I docked all RadDocks in the second zone. When I tried to drag them the page "not jump". If I try to drag them outside of the viewable area the page scrolling, which is a desired behavior. Once the RadDock is drawn near the browser boundaries the page will scroll - this feature is by design.

[Trey Shaffer]

Thanks Ben, in my case the issue was this line that was placed in the HEAD of the page I was working on adding the RadDock to.  I'm not sure what this line indicates exactly, but for whatever reason it seems to mess with the behavior of RadDock. 

*Edit*: I had pasted the wrong info here.  These lines were causing issues for me.

<!

DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.01 transitional//EN">

 

<

html>

 

I replaced them with these lines and it seemed to work good: 

<!

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<

html xmlns="http://www.w3.org/1999/xhtml" >

 

Not sure if there is a correlation?

thanks,
joseph

[Obi-Wan Kenobi]

The RadDock for ASP.NET AJAX is built on top of MS AJAX framework. The framework has been developed by Microsoft and is "pushing" for using more standards-compliant web pages - such as the default provided by VS 2005  XHTML 1.0 Transitional.

[Rohan]

Hi I have Same Issue but in my system its arising in only IE 6,7 in firefox it working cool.

in my can when i m trying to drag docking object its automatically goes to top off the page and because of it i can not drop this docking object on desire place.

please help me my system goes to live and its very important for me to solve it ASAP

Thanks

[Obi-Wan Kenobi]

The drag&drop functionality is inherited from asp.net ajax. The problem you experience is that the RadDock scrolls the page when it goes near the browser bounds.The only one suggestion in this case is to create a smaller RadDock - with scrolls in it.