Hot answers tagged

25 votes

How do I add columns and rows in a draw.io table?

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 ...
zehawk's user avatar
  • 351
24 votes
Accepted

How do I prevent arrows from snapping when moving them on Draw.io?

To prevent snapping to points/objects try to press and hold CTRL+SHIFT while you move the object/arrow.
user0's user avatar
  • 26.2k
19 votes
Accepted

Is it possible to import (paste) images into draw.io?

The marked answer is old and is no longer correct. Click Arrange → Insert → Insert Image. FYI make sure to: click the checkbox to "remember my decision" click the button "actual size&...
Sridhar Jammalamadaka's user avatar
17 votes

Rotate text box direction in draw.io

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,
Ozan ERTÜRK's user avatar
16 votes

How do I draw a polygon in draw.io?

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 "...
Andre Lombard's user avatar
16 votes

How to line cross over in flowchart in draw.io

Line jumps are now natively supported. When a line is selected, there is a "Line jumps" option under the style tab.
cledoux's user avatar
  • 296
14 votes

How to change grid density in Draw.io?

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:
Charles Clayton's user avatar
13 votes

How to change the default font in draw.io?

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 "...
Thomas the Tank Engine's user avatar
13 votes

How do I prevent arrows from snapping when moving them on Draw.io?

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.
Marija's user avatar
  • 156
12 votes
Accepted

Import Database schema using Draw.io

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:
Thomas the Tank Engine's user avatar
10 votes
Accepted

How to line cross over in flowchart in draw.io

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 ...
dval's user avatar
  • 465
9 votes

How to import a Visio format diagram into draw.io?

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 ...
Thomas the Tank Engine's user avatar
8 votes

Scaling a group of shapes in Diagramly

It took sometime for me to find out that option. Its very simple. Select all the shapes you want to scale. Then click on the "Arrange" tab. Then click "Group" button. This will give you a new box ...
Garry's user avatar
  • 181
8 votes

How do I add columns and rows in a draw.io table?

If you are using VSCode extension, you can find the table edit options under the Arrange tab.
snowfox's user avatar
  • 181
8 votes

How do I draw a polygon in draw.io?

I just found the polyline and polygon shapes, which are kindof what you were searching for... however they're limited to 8 waypoints, you can move every waypoint separately and they can be filled. ...
JCH2k's user avatar
  • 181
8 votes
Accepted

Change measurement unit in Draw.io

Since October 2019, draw.io is able to work with millimeters. Just select View > Units > Millimeters from the draw.io menu.
lob's user avatar
  • 96
7 votes

How do I draw a polygon in draw.io?

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 ...
Peti's user avatar
  • 71
7 votes
Accepted

Draw.io Table Background Color

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 ...
dval's user avatar
  • 465
7 votes

How to use Google Font in Draw.io?

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 ...
Ryan Q's user avatar
  • 171
6 votes

How do I add columns and rows in a draw.io table?

use search option in draw io to check for table Then double click inside table's cell to get the table edit options at the right pane to add or delete row / column
deep's user avatar
  • 61
6 votes

Adding additional labels to arrows

This is now possible by simplying clicking on an arrow and start typing.
oW_'s user avatar
  • 161
6 votes

How to remove blank canvas pages from draw.io

Most likely, you have a component somewhere in the lower right corner which you're not aware of (sometimes, a nasty little text product of a spastic and involuntary click). Quick solution: Zoom out ...
Anibal Kolker's user avatar
6 votes

Rotate text within a shape on draw.io

I don't know if this was possible at the time you posted your question, but this is possible, at least at 90° intervals now. See screenshot below.
Beems's user avatar
  • 161
6 votes

How to force a straight line in Draw.io?

You can select the resistor (the 'sawtooth') by clicking it, and move it to the right with the right arrow button on your keyboard. This enables you to move it pixel-by-pixel instead of being ...
Glorfindel's user avatar
  • 2,250
5 votes

Add more fix points to a Data Flow Diagram using Draw.io

The accepted answer links to the right documentation but it seems helpful to have a fully detailed answer on Stack Exchange, including a copy/pasteable example. Here's the steps: Right click your ...
Jeroen's user avatar
  • 282
5 votes

Editing multiple similar shapes in draw.io

You can also: Box select a number of shapes, Drag a new shape type over one of the shapes in the selection, When you see the replace shape icon, release the mouse, All selected entities will be ...
Tim7823's user avatar
  • 51
5 votes

How do I add class to package in draw.io

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 (...
pqsk's user avatar
  • 151
5 votes

How do I draw a polygon in draw.io?

Unfortunately, at present time (and since a long time) there is no easy solution. If you really need to draw a filled polygon, the only solution that I could find is to represent it as a "patchwork" ...
Riccardo Scorretti's user avatar
5 votes

Removing extra line space in Text box in Draw.io

Click the text box (not into it), go to the Text tab, and uncheck Formatted Text. This will get rid of that unwanted space.
Mark Meredith's user avatar
5 votes
Accepted

How can you edit text in draw.io shapes?

Double click on the shape to start editing with the label intact.
Thomas the Tank Engine's user avatar

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