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
13 views

moving row within a table on draw.io

On draw.io, I am trying to move a row in a table, I grab the right hand equals sign on the row to move, but when I move it to a new position the row snaps back to its original position. I am using the ...
0
votes
0answers
7 views

Can you configure OneDrive so that you can open diagrams.net diagrams directly from OneDrive?

If you use Diagrams.net with Google Drive you can authroise the app so you can create Diagrams.net diagrams directly from Drive, and also open those diagrams directly from Drive. Can this be done in ...
0
votes
1answer
17 views

Specifying the position of an element (e.g. line) in draw.io

I'm wondering if it's posssible to specify the exact position of a line in draw.io. It seems that the only way to do that is the reduce the size of the grid.
0
votes
0answers
20 views

How to draw horizontal arrow in Sequential diagram in Draw.io like in example?

I am trying to draw horizontal arrow the same as in an example, but it snaps to the centers of vertical bars or to different locations I can snap to margin only if diagonal
0
votes
1answer
37 views

How Do I Know Which Icon I Used In draw.io?

I used an Azure icon collection in draw.io/diagrams.net to make my diagram. I loaded the icons following this post. You can open the design page with the icons loaded by following this link. When I ...
0
votes
1answer
21 views

Collapsible containers overlap when expanding

So I have 2 collapsible containers. Is there a way to keep them from overlapping when expanded? As in "push" the other container to make room for the one being expanded. Here are the 2 ...
0
votes
1answer
18 views

Canceling the w chacarter under a figure

I've the following figure: and I'd like to cancel the 'w' character under it. How can I do it? It moves together with the image.
0
votes
0answers
22 views

How can I remove the toolbar?

Can someone explain to me how to remove the toolbar ? there is only the option " toolbar-nohide=true" which makes the toolbar always displayed or disappear when the cursor moves away. I ...
0
votes
0answers
15 views

draw.io downloads file on every save

While creating a diagram in draw.io, pressing ctrl+S keeps downloading the file multiple times, how to set it so that it saves the work but does not download the file on every save.
1
vote
2answers
31 views

Drawio - collapse nested container and other elements

I want to represent a nested element structure, that is collapsible. I have achieved that, however I am struggling with adding additional element. New elements are not collapse anymore. I tried to ...
1
vote
2answers
50 views

Adding anchor points in draw.io

I love draw.io but I am annoyed by how hard it seems to be to create custom shapes or modify existing ones. This does not seem possible to do in a "WYSIWYG" manner with your mouse, but ...
0
votes
1answer
26 views

How to draw self-call in sequence diagram

The built-in self-call in the UML shapes library is misplaced. Attached shows the desired one and the current one. Making the desired one I have to make several clicks, draw, tweaks on the line. Any ...
1
vote
0answers
23 views

How to fill complex shapes within its border?

I just made this shape by combining a rectangle and numerous arcs together. I finally grouped them to create this one complex shape. The only trouble I'm having is filling the object. Whenever I try ...
0
votes
1answer
283 views

“Image too big” in draw.io stored on Google Drive using the diagrams.net plugin

I activated in my Google Drive the plugin "diagrams.net" and now I'm trying to draw shapes on top of an existing floorplan which happens to be a 2400x1600 pixel large image. Because of my ...
0
votes
0answers
26 views

Import visio flowcharts in draw.io

Until now I have always made flowcharts with visio. Because we want to store all documentations of the software we produce in confluence, I want to import some of the most important flowcharts in draw ...
0
votes
0answers
40 views

Drawio - how to set non-overlapping connections by default?

Is there a setting that tells the connector not to overlap with other artifacts, e.g. shapes or other connectors? see picture below: Also in this case each shape has 5 connection points on each side, ...
0
votes
1answer
53 views

Is there any way to set the last used font as the default font in drawio?

One feature I am missing the most in drawio is using the last used font as default font. Now I have to change the font for every cell or object I created, defaulted to Helvetica which is so awful to ...
0
votes
1answer
92 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
12 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
80 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
31 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
81 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
73 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
57 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 ...
1
vote
1answer
2k 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
42 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
23 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
76 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
101 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
49 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
60 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
1answer
44 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
201 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
507 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
36 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
158 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
162 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
49 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
89 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
1k 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?
5
votes
1answer
6k 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
237 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 ...
2
votes
1answer
3k 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
1k 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
260 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
395 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
1k 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
92 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 "...