Sitefinity Drag and Drop question

[Dan Miller]

I was recently playing around with the Sitefinity demo and I really love the way you can drag and drop controls onto the page from that sidebar. I was wondering how you implemented the drag and dropping part?
I am trying to implement this on a project of my own, I am attempting to drag a div (it doesn't have to be a div it could be almost anything) from a RadWindow and drop it in a RadDock or RadDockZone on the RadWindow's parent page. I did some research on dragging and dropping div's and stuff with javascript but from what I've read that won't work for me at all because I am trying to do it across windows. Any suggestions would be greatly appreciated.

[Nikita Gourme]

Dan, as far as I know, drag and drop between different frames is not possible and by default RadWindow is rendered as IFrame. But if you use content template for the window, it will be rendered as div - I verified that with IE dev toolbar on this sample. Hence some kind of javascript drag and drop logic between Telerik Window and Dock might be applicable with this configuration.

[Dan Miller]

Thanks for the quick response. That sounds like it will probably work for me, I'll give it a try later today hopefully!

[debett]

Hi,

Can anyone give more specific examples/explanations about how Telerik achieves this functionality?
I have a project, where I could use it.

Thank you.

[Fiko]

Hello Debett,

I believe that these demos will be of help for you in order to implement drag-and drop feature in your project.

Greetings,
Fiko
the Telerik team

[debett]

Fiko,

Which control is used in Sitefinity Demo for selecting a control on the right panel (page in edit mode, with option "add controls" on)?

Thank you.

[Georgi]

Hello debett,

The user control selection is based on a custom functionality, similar to what jQuery offers. It is entirely custom though. My colleague is right that the RadDock provides the closest functionality to what you see in the Sitefinity. 

Best wishes,
Georgi
the Telerik team