Preserve iframe content when dragging

3 posts, 0 answers
  1. Sergey
    Sergey avatar
    10 posts
    Member since:
    Apr 2016

    Posted 21 Jun Link to this post


    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

                               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.

  2. Alex Gyoshev
    Alex Gyoshev avatar
    2497 posts

    Posted 24 Jun Link to this post

    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.

    Alex Gyoshev
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
  3. Sergey
    Sergey avatar
    10 posts
    Member since:
    Apr 2016

    Posted 24 Jun in reply to Alex Gyoshev Link to this post

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