Questions tagged [app.diagrams.net]
app.diagrams.net is the web app implementation of the draw.io project. If you're using a draw.io desktop application, ask your question on Super User.
223
questions
1
vote
1
answer
36
views
Change colors in draw.io
I'm trying to get a completely red color in draw.io.
But I can only seem to get this redish-pink thing.
I've set opacity to 100% and tried to press different styles but no change occurs.
0
votes
0
answers
12
views
How do I represent the addition of 2 process outputs being fed to a third process in draw.io?
I am creating a flow diagram to detail the steps involved in the business logic of an API. I want to show the outputs from 2 process blocks getting added and then fed as an input to the next process. ...
1
vote
0
answers
72
views
Perpendicular (orthogonal) lines in draw.io
Is there a draw.io option to constrain two lines to be orthogonal each other?
I found only these options, but they do a different job.
1
vote
0
answers
86
views
Fill custom shape in Draw.io
I have a custom round icon/stencil/shape were the connection points work fine, but when I "fill" it, the fill border is a rectangle.
Can I modify the fill border in some easy way or is there ...
0
votes
0
answers
31
views
Text formatting in Draw.io
I would like to use 3 different colors within the same shape. (Red, Green & Black).
I have been unable to do so, though I have tried everything I can think of.
0
votes
0
answers
120
views
Is there a way to add custom properties in the property panel for custom shapes?
When I create a custom shape, I would like to add custom properties in the Property panel to update the shape, like for this one:
I know it is possible to create a new shape like this one:
I already ...
0
votes
0
answers
198
views
How do I change the color of all hyperlinks in draw.io?
How do I change the text color and underline color of all hyperlinks in a draw.io shape's text?
I have a diagram with dark colored shapes and white text, however hyperlinks are formatting as the ...
0
votes
0
answers
365
views
How to insert a new row in the list group in draw.io
Typically, when working with a "List," I would employ the "Insert Row Below" function found under the "Arrange" -> "Table" properties to add a new row.
...
1
vote
0
answers
28
views
Change units of curve object types in Draw.io
I know I can select View > Units > Millimeters in the main menu, but even if I do that, it only seems to impact some of the objects I draw: circle, square, rectangle.
Unfortunately, for other ...
1
vote
1
answer
238
views
Is there a visual list of all Draw.io shapes?
To my understanding, there is no search feature for Draw.io shapes.
Sometimes, I have to search within Shape categories to find the shape I am looking for or Copy paste icons when the shape already ...
0
votes
1
answer
42
views
How to reset the zoom to 100% via keyboard?
I have a fairly big draw.io diagram. I need to move and zoom around a lot. After navigating within the diagram, I would like to reset the zoom to 100%. However, I haven't found a way to do that ...
2
votes
0
answers
93
views
How to never have object join a group when hovered and dropped over the latter in draw.io?
Is there an option to disable to auto-group-join feature? It seems completely undesirable in 99% of all my use-cases. There are always groups somewhere and joining causes all sorts of problems. ...
2
votes
0
answers
54
views
How can I draw five circles around one circle using Draw.io?
I'm trying to create a diagram for my presentation.
However, I'm a bit stuck and not sure how to achieve this particular layout.
Could you kindly share your knowledge on how to draw like the image I'...
1
vote
1
answer
25
views
Draw.io: how to change the pageBreakColor in "Extras -> Configuration" section?
Is there a way to set the pageBreakColor usgin the Configuration section? sometimes the actual color is not visible in small 13" screens or it looks like grid color.
2
votes
1
answer
151
views
Draw.io: How to change the line height of text in multiple vertices at once?
In draw.io I have a large number of flowchart boxes containing text. Selecting multiple boxes let's you change the font size, spacing etc. of many at once, but it seems to change the "line height&...
1
vote
0
answers
743
views
How do I prevent lines from overlapping in Draw.IO
I am making some drawing where I am making a diagram of how physical cables connect into electrical pannels. My issue is that the lines ends up overlapping. I know I can separate them "...
2
votes
0
answers
71
views
Linking a diagram in a diagram
I'm working on a pretty big infrastructure diagram and in order not to make it too crowded I'm toggling sub diagrams on-click on the various components.
So I have the main diagram, create a smaller ...
0
votes
1
answer
233
views
Remove images from draw.io/diagram.net org chart
diagram.net (formerly, draw.io) has a very convenient org chart template, but when I remove the images from each node (box/person), the text does not take up the space where the image was, and I can't ...
3
votes
1
answer
359
views
How to change grid scale group in Diagrams.net from 4 to 5?
There is a grid settings in the Diagram properties in Drow.io/Diagramms.net. I can set the cell size and lines color.
However, when I scale out, the cells group in 4x4 groups, so the group cell is c*4 ...
1
vote
1
answer
320
views
How to control padding inside text labels on connector lines?
In Draw.io, is there a way to control padding inside text labels on connector lines?
0
votes
1
answer
2k
views
Aligning arrow lines in draw.io
I have been working with draw.io (or diagrams.net) for a while now and one thing I can't seem to get right is line alignment. I am making a flow chart with block connected by arrows. The arrows snap ...
0
votes
2
answers
291
views
How to clear draw.io sidebars and only access it via a floating menubar?
So I would like to be able remove the sidebar tools from draw.io and whenever I need them just somehow summon the Format toolbar that floats above the diagram, but can be hidden again. I have seen ...
2
votes
1
answer
942
views
How to not have object join a group when hovered and dropped over the latter in draw.io?
By default, when an object is dragged over a group in draw.io, the group is highlighted in purple, signifying that dropping the object will make it part of the group. How do I avoid this? Can I just ...
2
votes
1
answer
6k
views
How to increase padding in draw.io?
In draw.io, how do I increase the padding so that the content is farther from the sides of its container?
My situation: I've inserted a rectangle, double-clicked on it, and put in lots of text. I now ...
0
votes
1
answer
420
views
Diagrams.net/Draw.io: Modifying the Mouse Over Hover Style for a Shape with Link?
A published diagrams.net drawing is shown below.
Which contains a shape with a link assigned, with mouse-over (mouse-hover).
Is it possible to change the mouse over outline styling, currently purple?
0
votes
1
answer
56
views
Searching through the draw.io map in "Read-only" mode throws "Error" - "v is undefined"
I need to find an item "xyz" in a big technical map. At least the search done by the Ctrl+F "Find" box does not work:
Error
v is undefined
I am in the "Read-only" mode, ...
1
vote
1
answer
287
views
Moving one element alters unrelated elements, how can I 'detach' them?
In draw.io diagrams that become moderately complicated, I often find that moving or resizing a line or box has unexpected side-effects... other elements are somehow 'glued' to it. So dragging a box ...
1
vote
2
answers
655
views
How to align objects in Draw IO to a single object rather than an average
Draw IO's align and distribution tools work well except that ALL the objects move to a common location. I would like to be able to align other objects to match the horizontal/vertical location of one ...
0
votes
1
answer
1k
views
Reset draw.io image 'full size' setting
While inserting image into draw.io, I selected Remember this setting checkbox
Now how can I reset this setting (as it wouldn't prompt me again)?
0
votes
1
answer
23
views
Why does every shape only have a single connector suddenly?
I've just started a new diagram in Draw.io and realised every shape only has a single, central connector point:
I was just working on another diagram and the same object types have connectors around ...
1
vote
1
answer
421
views
How can I make the item header fit a multi-line text?
I want to use Draw.io for UML class diagrams but while autosize is generally useful, it doesn't work for item headers:
Trying to manually adjust the size of the header also appears somewhat ...
0
votes
1
answer
195
views
draw.io pressing enter moves entire page
Pressing enter on draw.io (new line in text) moves the entire page instead of just expanding the text document.
Look at the difference between text and heading. Notice how text moves the entire page ...
0
votes
1
answer
166
views
I can't unlock a swimlane in draw.io
I have an existing swim lane diagram with flows and connectors. I want to move the 3 rightmost lanes over to the right but the 4th rightmost lane keeps hiding behind the lanes I move. It seems locked -...
0
votes
1
answer
2k
views
I can't draw a horizontal line on grid in draw.io
How do I draw a horizontal line on a grid? See the picture
As you see, the black line is a bit higher than the grid line. When I move the black line a bit lower, it overshoots the grid.
All my ...
1
vote
1
answer
4k
views
Download draw.io diagram as file.drawio
I'm wondering if it's possible to download a draw.io diagram with the format file.drawio directly from the app.diagrams.net interface.
1
vote
1
answer
6k
views
How do I change the colors of most draw.io icons?
All I can find is documentation for changing "SVG" file colors on this page:
https://www.diagrams.net/doc/faq/svg-edit-colours
But most of the icons in the shapes library are not svg files, ...
2
votes
2
answers
3k
views
how to split a shaple(like ellipse) and color the parts in drawio?
In the below picture,i describe what want, since i do not know how to plot it at draw.io.
2
votes
1
answer
725
views
How to use 'Set Style' in draw.io's online tools 'Create Custom Link' to change 'fillColor'?
I am using the online tool of Draw.io Create Custom Link to change a normal object such as a square's fillColor. Where
Action for Cell(s): Set Style; Key: fillcolor; Value: #ffe6cc
Tags:ss
push the ...
1
vote
1
answer
449
views
Diagram.net: Decoded drawio file
I created an empty diagram with a simple rectangle in diagram.net and saved the result. When I'm looking at the saved xml file I get:
<mxfile host="Electron"
modified="2021-08-...
1
vote
1
answer
361
views
How to remove the tiny white space between two lines
If you were to align two straight lines, one on top of the other, such as this:
A tiny white space exists between them. Is there any good way to remove such an artifact? Obviously in this case above ...
2
votes
1
answer
6k
views
How do I put an arrow at an arbitrary point in the diagram in Drawio
I am drawing a diagram in Drawio but I cannot make the arrows behave well; they always snap to the background container or to one corner of the thing they connect to.
I need two arrows to arrive to ...
2
votes
3
answers
3k
views
System of equations in draw.io
I'm looking for a way to write a system of equations in draw.io. I know how to do it in latex, but it seems that the syntax is different in draw.io. Could you tell me how to do it please?
In latex I ...
0
votes
2
answers
2k
views
How to delete column from Entity rectangle in Draw.Io entity relationship diagram?
I drew an entity with several fields, then needed to delete some of them. Unfortunately, pressing Delete just cleaned field names, but not deleted their rectangles
How to delete these empty ...
2
votes
1
answer
11k
views
Drawio mirror diagram
Is it possible to mirror an existing diagram with connectors etc.?
By mirroring I mean to have a reversed copy of it (the nox that's in the left to go in the right and so on)
1
vote
1
answer
786
views
How to change the number of cells within each main grid area in draw.io?
As seen in the following screenshot each main grid container in a draw.io diagram has x 4x4 matrix of cells.
I would like to change it to 5x5. How can that be achieved? I looked at the Diagram menu ...
0
votes
1
answer
270
views
How can I link local files (Excel Sheets/Word Docs/Videos etc.) saved on my laptop to Diagrams.net/Draw.io
I would like to link some excel tables or even add them on Draw.io.
These files are saved on my laptop, but I don't know how to link them to the diagram. Any help would be appreciated.
1
vote
3
answers
761
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
1
answer
841
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.
2
votes
1
answer
3k
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
1
answer
819
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 ...