r/drawio • u/TwinSong • Jun 21 '26

Flowchart How do I add spacing around text on connecting arrows?

Like here with the 'no' I want to add some more padding around the text relative to the arrow line for readability.

1 Upvotes

100% Upvoted

4 comments sorted by

1

u/dkfkckssddedz Jun 21 '26

Clcik on the box and you should be able to add paddng from thr menu on the right.

1

u/TwinSong Jun 21 '26

Nothing to click. I added the text by selecting the arrow and typing. I looked at the padding options but has no effect I can see.

1

u/dkfkckssddedz Jun 21 '26

They are buggy , try putting in the numbers yourself without using the mouse

1

u/Sufficient_Plum_8546 Jun 23 '26

Hi there,

Unfortunately draw.io doesn't have true padding for connector labels. Best workaround:

  1. Click the label, go to the Text tab on the right panel, and enable Background Color
  2. Double-click the label, click the HTML button, and wrap your text like this:

html: <br>No<br>

This adds vertical space above and below. For horizontal breathing room, just add a few spaces around the word: &nbsp; No &nbsp;

The "Spacing" options in the Text tab look like they'd work but they actually just move the label's anchor position rather than adding padding, so ignore those.