Tutorial

Home/Tutorial

Exporting draw.io diagrams as PDFs outside Confluence

Like most of our customers you probably will create diagrams using draw.io within Confluence.  Once in a while you may still have to export those diagrams for various reasons including... ...sharing your diagrams with a third party that doesn't have access to Confluence. ...embedding your infographics into an external system. There are many [...]

2020-01-15T18:39:33+02:00January 15th, 2020|draw.io, News, Tutorial|

Linking content in draw.io diagrams

Many of you have been asking which options are available in order to link content to shapes within your draw.io diagrams in Confluence. The answer is: There are quite a few!  Using this simple yet effective feature will help you extend what is already possible with draw.io. This post covers both the Cloud and [...]

2019-12-13T14:48:30+02:00December 13th, 2019|draw.io, Features, Tutorial|

Leverage your draw.io user experience with custom templates

When you want to create diagrams with draw.io, you have the option of choosing from a wide variety of built-in templates for all kinds of use cases. Sooner or later you will want to adapt these templates or even create your own diagrams from scratch that you might like to share with your colleagues [...]

2019-12-05T11:26:39+02:00December 5th, 2019|draw.io, Features, Tutorial|

draw.io Training – Exercise 10: Export and import

If you are using a platform or creating a document that can't embed a draw.io diagram, you'll want to export it as an image. Importing is just as important, especially if you want to move your diagrams from another diagramming tool into draw.io to take advantage of its rich features.

2019-09-09T13:21:09+02:00August 17th, 2017|Tutorial|

draw.io Training – Exercise 9: Create your own custom library

Custom libraries make working with your own graphics and icons a breeze. You can quickly and easily import your own libraries and use your custom shapes. Alternatively, you can create a custom library from an existing diagram, as you will learn how to do in this exercise.

2019-08-12T12:51:07+02:00August 14th, 2017|Tutorial|

draw.io Training – Exercise 8: Add links and tooltips

You can add links so that when a viewer clicks on a shape or a line of text in your diagram, they can be taken directly to another page or diagram. And you can add tooltips, so when a viewer hovers their mouse over a section of the diagram, they will be shown additional information in a tooltip.

2019-08-12T12:47:48+02:00August 10th, 2017|Tutorial|

draw.io Training – Exercise 7: Create a diagram with layers and images

Building your diagram by using layers allows you a lot more flexibility - you can switch between different views of your diagram, group related elements and protect them from being modified when you work in a different layer. In this exercise, you'll create a diagram in a top layer, following an image 'template' that you paste into the background layer.

2019-08-12T12:44:34+02:00August 7th, 2017|Tutorial|

draw.io Training – Exercise 6: Work with the shape libraries

You're ready to start creating more complex diagrams! You should be comfortable inserting and formatting shapes, drawing connectors and inserting text. Plus in the last exercise, you used some more advanced formatting to create your tree. In this exercise, you will create a flow chart, with a very important theme - drinking coffee!

2019-08-12T12:41:25+02:00August 3rd, 2017|Tutorial|

draw.io Training – Exercise 5: Create a tree diagram

Now that you've learnt how to insert and modify shapes, add text and use connectors, it's time to put it all together. In this exercise you'll learn some more advanced formatting options by using the format panel on the right hand side.

2019-08-12T12:34:50+02:00July 31st, 2017|Tutorial|

draw.io Training – Exercise 4: Work with text and connectors

Now that you are comfortable modifying an existing diagram by editing shapes, it's time to build one from scratch. You'll need to add shapes from the symbol library, draw connections between the shapes, and add text to both the shapes and the connectors.

2019-07-17T20:16:26+02:00July 27th, 2017|Tutorial|