Docking transition effects and column docking?

[Miklos]

Hi,

I'm trying to achieve the same effect as bbc.co.uk has with Telerik's RadDock. The problems I am having aside from the chaotic CSS operations are the following:
a/ When I move a RadDock and I drag it over a column (not below an actual raddock) it just jumps back to its origin. It should dock below the given column's last Raddock.
b/ When I drag the RadDock into an invalid place it should drag itself back -no transition effect- just jumps back to its origin. Is there a way to get around this?
c/ When I drag the RadDock to the right of the screen -and this may be considered as a bug- the scrollbar just expands and expands and expands....etc forever until I release it then it jumps back to its original location. Is the boundary tracking messed up in this case?

Any thoughts on the matter?

Cheers,
Miklos

[Sophy]

Hello Miklos,

Please, find below our answers to your questions:

1. Most probably the height of the RadDockZone in which the corresponding dock should be docked is not as much as needed. The dock control will be docked in a zone if the mouse cursor is inside the corresponding zone when you stop dragging the dock. What is more, the dock will be docked in a zone if it is not a restriction zone for the dock, otherwise the dock will return to its original position. You can take a look at the Forbidden Zones online example for reference. RadDock also provides DockMode property which allows or not to drop the dock outside a zone - Dock Mode online example.
2. Currently, RadDock for ASP.NET AJAX does not provide transition effects when returning to its original position. If you need this functionality you should implement it with some custom javascript code. We are planning to introduce transition effects in the future versions of RadDock for ASP.NET AJAX.
3. The current version of the RadDock control uses the drag and drop functionality which is provided by the ASP.Net Ajax framework. In the next official release of the control scheduled for the end of July
   the drag/drop functionality will be replaced by our own implementation which will address this problem.

If you have other questions, do contact us again.

All the best,
Sophy
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Nilachandan]

Hi Sophy,

Can you please explain it in a more detail and specific as far as tranisition effect concern.

"Currently, RadDock for ASP.NET AJAX does not provide transition effects when returning to its original position. If you need this functionality you should implement it with some custom javascript code".

Where to write that custom javascript and what should be the script?

Thanks,
Chandan

[Sophy]

Hello Nilachandan,

RadDock for ASP.NET(the classic version) provided some animation effects which have still not been implemented in RadDock for ASP.NET AJAX. We have already entered this issue in our feature requests list for further consideration and will probably implement it for one of the next updates of RadDock for ASP.NET AJAX.
Up to your question where to add the custom javascript code for transition effects depends on what an effect you want to achieve. In order to add the desired animation effect you will probably need to override some of the current dock's client methods. The script itself also depends on the animation effect and it's up to you what an implementation you will choose.

Best regards,
Sophy
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Laurent]

Hi Sophy,

Is there anything new about the animations in the dock control ? I am trying to implement one, but I don't know the exact syntax to override the current dock's client methods. Is it possible to have a simple demonstration of the animation stuff, which is announced in the dock's documentation ! I mean that :

Animation Effects

To enrich the UI with smooth objects movement, resizing, docking and undocking you can add animation effects.

Okay, I can make smooth objects movement ... but how ? Is it possible to have a demonstration of a simple movement : the straight line.

Regards,
Laurent

[Obi-Wan Kenobi]

The current RadDock version is without animation. I'll try to implement such one and once I'm ready I'll post it here.

[Petio Petkov]

Hi All ,

We work currently on the RadDock animation feature and it will appear in the next RadControls for ASP.NET AJAX  major release (Q2/2009).
Untill then you could use the attached example which illustrates how to animate RadDock functionality ( expand, collapse, close and drop over a zone).

Let us know if  you have any other questions.

Best wishes,
Petio Petkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Laurent]

Thank you for the sample, that's exactly what we needed.