Hot answers tagged

50

Assuming you're referring to the Table object in Mockup Text, when you go into edit mode (double click) select one of the rows. When you do that the table section will appear in the format panel on the right with the usual insert row/colum, before/after.


21

Table controls appear when a particular cell is selected as shown in the screenshot. Works for all tables, whether from "Misc" or "Mockup" etc. Method: Single click selects the table Double click selects all the text in the table Triple click selects a particular cell contents, and then the table control appears on the panel


14

To prevent snapping to points/objects try to press and hold CTRL+SHIFT while you move the object/arrow.


13

A more manual approach to getting curves in draw.io, is to edit the shape of some element. This allows for three different variations of curves, <arc ... />, <quad ... /> or <curve ... />. The image show these three curves, and further down is the code needed to produce these elements. The image has some extra guidelines to help illustrate ...


13

Line jumps are now natively supported. When a line is selected, there is a "Line jumps" option under the style tab.


12

The marked answer is old and is no longer correct. Click Arrange → Insert → Insert Image.


10

draw.io has a generic SQL import under the Arrange->Insert->SQL menu: Copy and paste your SQL commands in to the dialog and press insert:


9

Open the File->Page Setup dialog: And enter the paper size you require:


9

Select the vertices, select "Arrange" on the right-hand side panel, click the alignment option you required.


9

as a workaround, if you need the visual element, you can create an arc as a custom shape with connection points. It adds some extra steps to the workflow, because you have to draw lines to the connect to the arc, and then another to continue to the entity. But, you can then move the 'cross over' around and lines will stay connected. after moving : custom ...


9

diagrams.net online supports the legacy .vsd format and the .vsdx format, which is the default format from the 2013 and 2016 versions of the tool. The actual process of importing to either drag and drop the .vsd(x) file into a diagram, use "File->Import From", or "File->Open From".


8

You can add swimlanes to the existing default 3 by right-clicking the last swimlane's title and selecting "Duplicate". Then move the inserted swimlane up/down by right-clicking its title and selecting "To Back" or "To Front" respectively.


7

Try printing the diagram using File, Print and then print that to a PDF using the browser's built-in print functionality (works on Macs, needs a PDF printer driver in Windows).


7

Under File->New Library you will get a dialog that allows you to drag images and SVGs into it. You can also add images/SVGs using the filesystem picker and by URL (the buttons at the bottom of the dialog). Once you’ve added your custom shapes, give the library a filename and press save. This will save the library as a library file in your selected storage ...


7

Next to the "Grid" checkbox on the Diagram menu, there's a numerical value. That's the size of the grid, which you can increase and decrease. Visual:


7

I do it via the line tool. You can switch the endings to none and the waypoints to orthogonal so you get a "free hand" tool. If you place the first and last waypoint on each other you can draw any polygon you want.


7

Start by adding the polygon shape to your drawing. The polygon shape is within the "Basic" shapes group. You may need to bring the "Basic" shapes group into view from the "View" > "Shapes..." menu. Next, select your polygon and click "Edit Style". There you will see something like: shape=mxgraph.basic....


7

It's a pain. If you double-click the table to enter 'edit mode', you view the HTML for the table, by clicking the HTML button in the top toolbar. (This is only visible when editing an entity.) The table styles are done inline. And the HTML is unformatted so it all just shows up on one line. For example, if you use the 'green' table in the 'Misc' panel, you ...


7

The font defaults to whatever the last font set on a cell is. Change the font family and font size on a cell and that will become the default. To clear default styling, ensure nothing is and click "clear default styling" in the right hand format panel.


7

While draw.io does not to the best of my knowledge allow importing fonts, I wanted to post what works for me. You have to use a extension capable browser such as Chrome or Firefox (I'm using Chrome for screenshots). To start get the "Stylish" extension for your browser (Chrome, Firefox). Next open the extension options and click the "Write New Style" button....


6

There is now. Inside any document click Add-ons → Get add-ons... and search for draw.io. Afterwards you will be able to add drawings through Add-ons → Draw.io Diagrams


6

When something similar happened to me I discovered that somehow some very long random lines spanning numerous pages had appeared. One workaround I used for my problem was to select everything I wanted, copy it and paste it into a fresh document. A second solution that worked for me was to scroll to the distant edge and then drag to select the rogue lines ...


6

My suggestion would be to start dragging a shape/arrow and then press and hold Alt. That should "stop" the snapping regardless of the grid.


5

Select all, copy on origin ( using keyboard ), paste using keyboard into targer. If it doesn't work, bugs go to https://github.com/jgraph/drawio/issues


5

I believe that the "Table" element in the "Mockup Text" category is the one that you are looking for.


5

This is now possible by simplying clicking on an arrow and start typing.


5

Instead of rotating the text inside a box, you can rotate the box with handle then use 'rotate shape only' button in 'arrange' tab As below,


5

Select the cell, then from the menu use Edit->Edit Link, insert the URL, click OK. A new right click menu option will appear "Open link" that then takes you to that URL.


5

draw.io doesn't currently have the capability to have mutliple, separate diagrams within one file. There is a feature request open for this item.


5

I figured out that you can do this by doing voodoo magic. Select the package and then click on the "Text" tab, next make sure the position is to the left and then select the Arrow with the line over (it's highlighted in the image), next set the top spacing (I made mine -5pt). This is the best quick way of doing this without having to do so much work. Copy ...


Only top voted, non community-wiki answers of a minimum length are eligible