drawio icon indicating copy to clipboard operation
drawio copied to clipboard

Better Callout Shape

Open kbrowns opened this issue 8 months ago • 4 comments

  • [ ] I agree to follow the Code of Conduct that this project adheres to.
  • [ ] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Is your feature request related to a problem? Please describe. I love draw.io - I use it every day (desktop version as well as embedded in Confluence). It's by far the best diagraming tool I've found. It's great for adhoc interactive collaboration sessions as well as creating lasting documentation. There's exactly one thing it's missing that causes me to use other tools - weak callout shape. I'm regularly creating diagrams to illustrate ideas to other people and teams and I need a way to annotate commentary on segments of the illustration. However, the callout shape and it's pointer just isn't flexible enough. I can't move the pointer much at all making it impossible to point it at the relevant segment. I think you can see others asking about that here: https://github.com/jgraph/drawio/discussions/4139

Describe the solution you'd like I want a callout shape that allows me to freely move the pointer to any point on the diagram (up, down, left, right). If you look at the callout shape in Powerpoint - this is what draw.io needs. I frequently use powerpoint for diagraming instead of draw.io specifically for this micro feature.

Describe alternatives you've considered You have to really clutter up your diagram to use the callout as it has to be almost overlaying the content you want to annotate. Or not use callouts at all and instead have text blocks or something else crude like that. My primary alternative today sad: I capture an image of the diagram I've draw in draw.io, paste it into powerpoint and I use call outs in powerpoint to overlay what I want on the image. This is really tedious and creates unmaintainable artifacts, but it's what I've had to resort to doing.

kbrowns avatar Mar 05 '25 10:03 kbrowns

Image

kbrowns avatar Mar 05 '25 10:03 kbrowns

If you don't need the border, you could use this workaround.

Image

alderg avatar Mar 05 '25 10:03 alderg

Thank you @alderg - as far as work around go that's not bad, but definitely not ideal

kbrowns avatar Mar 05 '25 12:03 kbrowns

Just as a hint for anyone who wants to use the workaround by alderg: The connector used to point from the rectangle to the ellipse can be found at: Arrows -> Wedge Arrow

chrisemb avatar May 09 '25 10:05 chrisemb

Another drawback of this callout shape is that you can't have the arrow coming out of the top. If you simply rotate it 180 degrees, the text will be upside down and as far as I can see there is no way to flip it back upside up. This drives me crazy.

Philbertz avatar Nov 11 '25 10:11 Philbertz

Try Arrange, Rotate Shape Only by 90°:

Image

alderg avatar Nov 11 '25 15:11 alderg