Kendo UI Diagram - Save/Edit

4 posts, 0 answers
  1. pm
    pm avatar
    3 posts
    Member since:
    Oct 2015

    Posted 27 Oct 2015 Link to this post


    I have created a kendo ui diagram control using drag drop & trying to save the controls to a data source and retrieve the diagrams when users comes back to site next time.  I am new to kendo ui. Can someone share some sample code?

    Thank you.
  2. Daniel
    Daniel avatar
    2177 posts

    Posted 29 Oct 2015 Link to this post


    You can persist the diagram by using dataSources for the shapes and the connections as demonstrated in this demo. The other option is to get the shapes and connections state using the save method and persist it and then apply the state the next time the page is loaded using the load method. I created an example that demonstrates this approach.

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. X
    X avatar
    12 posts
    Member since:
    Sep 2015

    Posted 18 May in reply to Daniel Link to this post

    1. The first example is limited as it doesn't restore the x and y coordinates properly. Please could you expand as I really need to do this. I have managed to store the X and Y coordinates in my database when the objects are created and the graph is fine (image 2) but when I restore it I get the problem in image 3.

    2. The second example works fine and restores perfectly but if you then click on an element after restore to edit it - it throws a Javascript error (image 4). 

    Please can you provide a response on how I fix this problem.


  4. X
    X avatar
    12 posts
    Member since:
    Sep 2015

    Posted 19 May in reply to X Link to this post

    Got this working now. Thanks.
Back to Top