Questions tagged [draw.io]

A free online diagram drawing application. Please only ask questions about the web version of draw.io; if you're using one of the desktop applications, ask your question on Super User.

Filter by
Sorted by
Tagged with
0
votes
1answer
35 views

How do I flip a curve/connector in drawio?

Given an isolated curve/connector as below, how can I flip or rotate it?
0
votes
1answer
9 views

What is the name of the element to mimic an article on a web browser in draw.io?

I am developing a wireframe in draw.io but there is a feature I once saw someone used on their browser mockup similar to this: I have not been able to locate that element in draw.io, can anyone tell ...
0
votes
1answer
24 views

How to preserve copy of diagram (in PNG) that is inserted to PowerPoint?

In Draw.io save your drawing as PNG (or export it as PNG with the option "Include a copy of my diagram"). In PowerPoint insert the image and save the slide deck. close PowerPoint. Upon ...
0
votes
1answer
29 views

Door are not showed properly after upload visio document

I uploaded visio with proper placement of door using microsoft, uploaded the same file in draw.io but didnt get proper result. Can you please suggest what I am doing wring? Please find attachments ...
0
votes
0answers
39 views

Draw.io: How to get a collapsable container with a header text box (allowing to mix bold/italic)

Relative new to draw.io, but familiar with a lot of other concepts. I want to have a collapsible container (Advanced-Container) having a header text box so I can have two lines one normal the other ...
1
vote
0answers
55 views

While inserting shapes through CSV how can I use custom shapes?

I have created, custom shape (according how to create and edit shapes; also added a name="my_unique_shape" attribute to <shape> tag, added it to "scratchpad" library, named the new shape in ...
0
votes
2answers
27 views

Resize image with grouped label

In diagrams.net (formerly known as draw.io), I can easily group an image and label together. There are even built-in shapes which accomplish this. For example: I would like to resize the shape, such ...
0
votes
1answer
560 views

How to integrate diagrams.net/draw.io with self-hosted GitLab

diagrams.net (formerly known as draw.io) integrates with GitLab. However, when I try to authenticate, it redirects me to gitlab.com when I'd like to connect to a self-hosted GitLab instance at company....
0
votes
0answers
30 views

How to hide pages pane in draw.io?

How can I hide this, or move to the side somewhere? It just takes up page space. It has <div class="geTabContainer" in HTML, so I could style="display: none;" it, but don't know where to insert ...
1
vote
0answers
22 views

How to resize a table using Insert Table in draw.io?

In Draw.io perform the following: In "Search Shapes" enter "Table" use ENTER key to search. Pick the first green color scheme table by selecting, dragging and dropping on canvas. Double-click on the ...
2
votes
1answer
52 views

How do I preserve the color scheme when adding a row in draw.io table?

In Draw.io perform the following: In "Search Shapes" enter "Table" use ENTER key to search. Pick the first green color scheme table by selecting, draging and droping on canvas. Double click on the ...
0
votes
1answer
55 views

How to combine connector in draw.io?

I hacve problem with connector in draw io And how to combine connector like that?
1
vote
0answers
39 views

How do I find the file location of a draw.io file I have created?

I have been trying multiple different approaches for how to share and collaborate on draw.io files using teams as a storage mechanism. This works to a point but is hugely un-intuitive. I have ...
0
votes
1answer
35 views

draw.io block separation in tree diagrams

I'm using horizontal and vertical trees in draw.io, everything ok, except that I need the blocks closer between them, but I can't find a setting for the block separation... Am I missing something? ...
0
votes
0answers
21 views

A random arrow shows up in my draw.io PDF export

A random arrow shows up whenever i export a pdf from Draw.io, but in my working document there's no arrow. How can i stop it exporting with this little guy showing up?
0
votes
1answer
43 views

How to plot arrows which have a gap in the middle?

I want to plot an arrow which shows a long range, so I want to put a gap in its middle part (something like a capacitor in middle). Is there a pre-defined shape for this? The figure shows what I mean.
1
vote
1answer
129 views

How to get a gap in a circle in draw.io?

I am trying to create a small gap inside a circle I have created in draw.io but I do not see not even an eraser than I can just erase that area: Is there a way I could do it here: ellipse;whiteSpace=...
0
votes
2answers
267 views

How to draw a grid size n x m in draw.io?

It is seem to be newbie question. But I don't know how to generate the N x M grid in draw.io My current solution for 3x3 grid: Step 1. Draw 9 squares Step 2. Drag-and-drop them into grid ...
0
votes
1answer
34 views

Adding elements to Mindmap/ Horizontal tree

This may be a basic question, but I could not figure it out even after spending a while on it and the documentation. How do I add new elements/nodes to a mindmap/horizontal tree? The blue arrow ...
1
vote
0answers
111 views

How to change arrow font size?

I would like to change the default font size for text on arrows. Whenever I add text to an arrow its fontsize 11 which is far too small. Where can one set the default font size for arrow text? I do ...
0
votes
1answer
112 views

One column of vertical text on draw.io

I want to create a box with text in vertical, but I don't want characters to be rotated, I want them to be horizontal, just one on each line. Like this: If you select vertical text all you get is ...
0
votes
1answer
39 views

Draw.io images export

I've been trying to export a few boxes with text to an image for the past few minutes but the text keeps getting truncated if it's space separated. It's pretty weird. I've tried with another draw.io ...
0
votes
2answers
3k views

Difficulties in exporting a PDF from draw.io

Everytime I try to export a diagram from draw.io to pdf it just gives "error saving file" or does nothing. This happens especially when I enable the mathematical typesetting feature. When I ...
0
votes
1answer
55 views

Draw off center connection between rectangles

I am trying to create a sequence diagram using draw.io For that, I need to create long rectangles and draw multiple connections between them along the side of the rectangle. However, using the blue ...
0
votes
1answer
743 views

How to import Visual Paradigm Business Diagram into Draw.io?

I created a Business Diagram (BPNM 2.0) in Visual Paradigm, and I would like to import it into Draw.io. I am able to export the Diagram in a .xml file using the facility Export to BPMN 2.0, but when I ...
2
votes
3answers
2k views

How do I create a simple formatted table in Draw.io?

I'm trying to create a table with a certain number of rows/columns and formatted. How should I do that?
3
votes
1answer
4k views

How to force a straight line in Draw.io?

I am drawing this: And, I simply cannot make the line straight as all lines should be! No matter what I move, the line still has that break. Any suggestions?
1
vote
1answer
199 views

How to arc line over swim lane?

Does anyone know how to set Draw.io to support line jump arcs over swim lane borders? As per the attached screenshot, the jumps work fine elsewhere. I also tried sending the swim lane thing to the ...
0
votes
1answer
2k views

How to rotate a curve in Draw.io?

I know how to rotate an object in Draw.io because usually there is an anchor where my mouse changes into the rotation mode. This is also explained in this tutorial: https://support.draw.io/display/DO/...
0
votes
1answer
665 views

How can I find and replace color in Draw.io?

I want to replace all the red in these shapes with blue. Is there a fast way to do that? Maybe replace "FF0000" with "0000FF" but I'm not sure how to do that on Draw.io
0
votes
1answer
215 views

Drawing fields within a UML Class Diagram when generating from CSV

I followed the example here: https://jgraph.github.io/drawio-tools/tools/csv.html To create a UML Class Diagram from CSV. All went well, however, there is no documentation or sample of how to create ...
1
vote
1answer
295 views

How can I center a shape/image within another shape in Draw.io?

For example, I have a rectangle, and I want to put an image of a duck in the very center of the rectangle, but I'm not sure how to align it properly without eyeing it.
1
vote
1answer
906 views

Nested list in draw.io?

I am using an embedded draw.io diagram in Confluence, and I can't seem to find a way to create a nested list. In Confluence, you can add markup, which does the trick, but draw.io doesn't seem to ...
1
vote
1answer
75 views

How can I import CSS-weighted font faces such as DemiBold, UltraBold, etc. into Draw.io?

I'm able to import fonts from my computer locally by simply installing the font, and then typing the full name of the font, such as "ITCKabelStd" and it works well, but whenever I try to do "...
1
vote
1answer
2k views

How do I create a pie slice shape on Draw.io?

I'd like to create or find this shape on Draw.io, a pie shape that can be adjusted, size, length, etc. I couldn't find this shape in the shapes list, so I figure this one must be created somehow, but ...
2
votes
2answers
542 views

How do I prevent a web application from lagging?

Currently, I'm using Draw.io (similar to Microsoft PowerPoint in editing tools) on Google Chrome to create my card game. However, I've added a ton of shapes, and now it's lagging. I have some other ...
12
votes
3answers
10k views

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

I'm trying to create curved arrows with a custom angle/curve. I am using the "Directional Connector" from the Shapes list. It keeps connecting to the vertices of nearby shapes such as rectangles, ...
2
votes
2answers
3k views

How can I rotate multiple objects at a time on Draw.io (relative, not absolute rotation)?

Alright, so I'm creating a card game, and there's an icon and number on the top left of the card. On the bottom right, it should be mirrored so that if the card is dealt upside-down, time is not ...
1
vote
0answers
53 views

Can I edit a custom library accessed through a URL?

I am using the 'clibs' parameter in the URL to load a custom library into draw.io. Doing it this way prevents me from editing my own libraries i.e. I am unable to add or remove items. If I load the ...
0
votes
0answers
47 views

Diverse fonts within a single draw.io UML entity

In the Entity Relation | Entity shape it is possible to mix in different fonts/styles within the same entity: The text style (CMD-E) is: strokeWidth=2;rounded=1;arcSize=10;whiteSpace=wrap;html=1;...
0
votes
1answer
917 views

Draw.io: How to move selected arrow object

For any object, after I select it, I can move it by dragging with the mouse click. However this is not working for a simple straight arrow object. When I try to move it, the waypoints are getting ...
1
vote
1answer
669 views

draw.io - how to snap to minor grid on arrow press

Sometimes when I move items on the grid with the arrow keys, I don't want them to move a single pixel, I would like them to move to the minor line of the grid so I can easily and quickly align items. ...
2
votes
1answer
2k views

Formatted text, code block in draw.io

I want to add JSON code snippets to my diagram in draw.io. When I use copy/paste to a text box, the indented spaces/tabs get lost. Does anyone know how to copy formatted snippets from notepad++/VS ...
0
votes
2answers
1k views

draw.io - adding row only?

Adding row to table using the table control is utterly frustrating. Only a cell is added to the table. Has anyone solved this?
1
vote
1answer
717 views

Draw.io - How do I make a button that toggles layers in the light box

When using draw.io can i create a link that will allow a button to switch a layer on and off without actually clicking on the layers area? In the below picture I want the user to be able to click on ...
2
votes
2answers
2k views

draw.io - Tree diagrams in draw.io no longer behaves as a tree diagram

Yes, I am answering my own question! In draw.io, I discovered it is now possible to draw tree diagramas, either with horizontal or vertical layouts. Even though they seem made out of basic shapes and ...
0
votes
1answer
3k views

Change direction of line start arrow (Draw.io)

Is it possible to alter the direction of a line start arrow. Some diagrams would benefit from this for clarity. e.g. [a]>------>[b] rather than [a]<------>[b]
3
votes
1answer
740 views

Rotate text within a shape on draw.io

I have some triangles which contain text, but I want the text to always be aligned in the same orientation to the page, even when the shape itself is rotated, which means, I guess, that I need to be ...
1
vote
1answer
466 views

Line start/end space in draw.io doesn't work?

I wanted to add an spacing between the line start or end and the connected object. For example OBJECT ----> OBJECT instead of OBJECT------>OBJECT There is a feature for the line but it ...
0
votes
1answer
320 views

Converting a grouped set of primitives into a primitive

I'm trying to develop a set of symbols for our developers to choose from when creating documentation. I'm confused by the terms ('shape', 'path', 'closed path', 'symbol', 'element') so for the ...