How to copy/move a Draw.io diagram to a new page. New diagram dialog not showing when inserting Draw.io

Hi.  I'm on Atlassian Cloud, using Confluence with Draw.io.  

I cannot figure out how to move a Draw.io diagram to another page, or copy it to another page.

When I try to insert a Draw.io Diagram (Insert 'Draw.io' macro) I don't get the choice to insert an existing diagram.  It just goes directly to the new diagram blank canvas/page.  I do see a brief Confluence macro dialog pop up very briefly, but the Draw.io interface takes over immediately and opens up to create a new blank diagram.

The new diagram dialog doesn't actually show. 

Tried on Chrome, Firefox.

 

Any ideas / config I need to do on our Atlassian Cloud / Draw.io add-on settings?

 

Thanks

Peter

 

PS: Screenshots

image2016-3-17 22:7:1.png 

image2016-3-17 22:16:59.png 

image2016-3-17 22:18:18.png 

image2016-3-17 22:20:14.png

FYI / Attn: @David Benson [draw.io]

5 answers

An awkward work-around is this I've found...

  1. On the source page that has the Draw.io diagram, view the page attachments image2016-3-18 0:21:21.png
    and download the attachment that contains the "mxGraphModel" markup
    image2016-3-18 0:7:2.png
    It's just a plain text file with no extension
    Don't copy the matching .png file... you won't need it, and you actually only want that one .png "render' of the Draw.io diagram... each time you edit the Draw.io diagram, this .png will also get updated / re-rendered (see TIP: "Link" Image to Source Draw.io Diagram... below)

  2. Go back to the source page and "Edit" the page

  3. Select and copy the Draw.io diagram/object/macro

  4. On the destination page where you want it, go to the page attachments and upload the plain text mxGraphModel file (don't insert it into the page, else it sticks a text file thumbnail in your page!)

  5. Once uploaded, go back to the page, Edit the page and paste the Draw.io diagram/object/macro you copied from the source page (step 3 above)

  6. Save the page.  Draw.io diagram visible, and when editing the page, Draw.io page is editable (not linked to source page diagram, so if you wish you can "Remove" the source page Draw.io diagram safely)

Note: Steps 4 & 5 can be reversed... pasting the Draw.io diagram/object/macro into the destination page in edit mode will result in a blank diagram until the plain text mxGraphModel is attached to the page

 

Note: This even works copying/moving between spaces and even Cloud instances. 

TIP: "Link" Image to Source Draw.io Diagram... 

If you want to have the image from a Draw.io diagram on one page (the source page) show on other pages and have the image always update when the source page Draw.io diagram is edited, then ignore all the above and simply on the destination page, in edit mode, select to insert an image ("Insert files and images" or Ctrl+M) and then "Search on other pages".  You'll have to remember what the source Draw.io diagram is called. It will be a .png file).  Find, Select, and Insert the .png render copy of the diagram.  This will insert the diagram into your page, but not attach it... it is just a link back to the original .png file.   Save your page.  If you update the Draw.io diagram on the source page, this page image should also be updated.

If you do this, you may want to add a link (the image itself if you wish) back to the page where the master Draw.io diagram resides.  And don't ever delete that master diagram plain text mxGraphModel file.

image2016-3-18 0:54:17.pngimage2016-3-18 0:54:54.png

 

If you want a workaround, you could also create a new diagram, open the old diagram in the editor, copy the old diagram with ctrl/cmd-c then paste into the new one with ctrl/cmd-v. But we'll add functionality to improve this, as soon as it's possible.

Jack Brickey Community Champion Apr 08, 2016

Thanks to Peter and David for the work around. definitely ugly and definitely needs to be addressed w/in the tool natively.

Requirements:

1) Must: ability to easily make a true copy w/ different source reference.

2) Must: ability to easily move a drawing from one page/space to another.

3) Optional: ability to create a reference copy, i.e. one source but multiple appearances across any number of pages. Modifying any instance will result in all being updated.

A clean workaround with excerpts:

I use excerpts to reuse draw.io diagrams from a single source

  1. create a document for the diagram ('Some Diagram')
  2. insert an 'excerpt' macro
  3. insert a draw.io diagram (or cut/paste an existing one from another document) within the excerpt
  4. save page
  5. From another page, include a 'Excerpt Include' macro, with 'remove surrounding panel' for the 'Some Diagram' document.

Now you can edit the source diagram in the excerpt and those changes will be reflected on all other pages that include the excerpt.

 

There's no option to copy an existing diagram in Confluence Cloud currently. The Atlassian Connect interface in Cloud is somewhat more limiting than the P2 interface on Server, so there's no technical means to implement this at the moment. We are working with the Connect team to improve the API so that functionality like this is possible.

You may export the draw.io object as an XML file, and then import the XML file to a new draw.io object in another page.

1) In the original page, go to the "Edit" view. Click on the draw.io diagram and select "Edit" to switch to draw.io edit view.

2) From the top menu bar, select "File" -> "Export". Select the export file type to be XML, and click an appropriate button to export the diagram.

3) In your new page, create a new draw.io object. In its edit view, from the top menu bar, slect "File" -> "Import". Select the file you just export in step 2, then click an appropriate button to import the diagram content.

Main problem is that the Draw.io docs describe this feature as functional and provide guide steps which can't be recreated in Confluence. You shouldat least update the docs so people won't waste time on this.

Suggest an answer

Log in or Join to answer

Stay in touch

Be the first to know what's trending on Atlassian Community