The toolbar is located immediately below the menu bar, and contains a variety of useful functions. These functions can all be accessed in other ways, but are sufficiently useful to some users that a shortcut is desirable:
We will begin by looking at the Insert drop down menu at the far right of the toolbar, marked with an + symbol. The same menu can be accessed from the menu bar via Extras -> Insert.
The functionality provided by this drop down menu can be separated into two main categories. The top half consists of "Insert ..." options, the bottom half consists of arrange options: ways in which you can quickly build up and arrange a collection of diagram elements.
Insert Text or Shape
These functions replicate the double click to insert text functionality, and dragging and dropping rectangles and ellipses into the diagrams area.
URL links can also be inserted from this menu. Insert link brings up the following screen:
URLs can be typed or dragged onto the URL field. Alternatively, by clicking the appropriate button, you can browse for a file within Google Plus. The latter option is particularly versatile, as we shall now see. By clicking the Google+button, we bring up a search screen.
Users can search for images, videos, maps, or files saved on their Google Drive account. Here we are searching for a draw.io instructional video, by clicking the Video search tab and typing draw.io into the search field.
The first video in the list looks like it might relate to this tutorial, so we click on that.
The video is now selected and outlined in blue. You can even play the video and access any controls that are embedded in the link. Having decided that we do indeed want to insert a link to this video, we press Select, and are returned to the URL screen.
Having acquired a URL, we press Insert.
We now have a link inserted into our draw.io diagram. Clicking on the link brings up a clickable link below it; clicking on this second link sends us to the associated URL.
Images can also be inserted from this menu. Insert image brings up the following screen:
There are four main ways to add an image URL into the field above:
- Type or copy a URL directly into the Image (URL) field.
- Drag an image or URL associated with an image onto the blank window pane.
- Add an image by browsing your local file system (Device storage).
- Search for and select from online images.
In each case, the procedure is very similar to that used when adding a new symbol to a custom library, as explained in How to create and use custom libraries. Please consult this page for further details.