Preserve iframe content when dragging

[Sergey]

Hi,

I have an issue with draggable ui element. I'm trying to achieve following:

 

- I have a widget that essentially a div (no plugins).

- I have an iframe inside that div.

- I applied draggable to that widget

$(widget).kendoDraggable({
                           hint: function (element) {
                               return element.clone();
                           }
                       });

I need to see widget when I drag it around. This is why I use 'hint' but because it's a copy of original iframe, it doesn't preserve it's state, it reloads the whole page again, and if user navigated inside the iframe, lets say he scrolled, it's not even the same look.

Is there any possibility that I can drag the same element but not the copy?

Thank you.

[Alex Gyoshev]

Hello Sergey,

I am afraid that this behavior is not supported. Even if the element stays the same, the Draggable will move it in the DOM, which will reload the iframe. Consider using a text representation of the state of the iframe instead of dragging its element.

Regards,
Alex Gyoshev
Telerik

 

 

[Sergey]

I had to use Jquery UI draggable to do what I need. Unfortunately, I couldn't make it work with Kendo UI.