No transaction recorded when deleting a node after fresh load
It has been noticed that there is no transaction history present when a node is deleted right after a diagram is loaded, without making any other interactions. In this case, in the ModelChanged event,...
View ArticleClik here to view.
For links connected to node bend should happen only after the whole Node not...
I am facing an issue in GOJS version 2.2. I have a node with multiple ports, each assigned properties like AV-100. When I connect a link from one port to another, the link starts to bend a few pixels...
View ArticleClik here to view.
Understanding Link.points and making custom link routes persistent
Hello, I am trying to understand Link.points as I want to make custom link routes persistent which differ from what the set routing would calculate (e.g. if adjusted/resegmented by the user). In the...
View ArticleClik here to view.
Position element on the link according to the cursor position
I’m showing remove/add actions when I hover the link. Actions are shown in the middle of the link always. Here is the code I use for actions panel that holds and position them: $GO(go.Panel,...
View ArticleEvent or callback when the diagram model is replaced?
I’m changing the diagram model like below: diagram.model = new go.GraphLinksModel(nodeDataArray, linkDataArray); This is when user interacts with the app and want to see different diagrams. Is there...
View ArticleGoJS 3.0.22 has been released
Changes for 3.0.22 Fixed the potential creation of DOM elements on library load, which may interfere with some non-DOM environments or setting Diagram.useDom. 2 posts - 1 participant Read full topic
View ArticleWant to apply multiple layouts
I am applying multiple layouts to a GoJS diagram using the context menu. When applying ForceDirectedLayout and expanding a group node, overlapping occurs with the group node. In some cases, non-child...
View ArticleUndo/Redo for statuses inside group template
I am facing an issue in my gojs diagram where inside a group when I add a node and then undo/redo it, its groupkey becomes undefined because of which the nodes doesnt recognize that it is a part of a...
View ArticleHow do i attach some metadata to a link object before the LinkDrawnEvent is...
I want to update the link data object before a LinkDrawn event is triggered. Currently the only way Im able to add link metadata is through calling model.setDataProperty as shown below: onLinkDrawn(e:...
View ArticleClik here to view.
Want to remove space between Tabel panel rows
I have used Tabel Panel inside my group template having rectangular shape. but the rows showing space/line between I want to remove these lines. I have already tried below properties in Tabel Panel...
View ArticleDetecting Shift Key During Cross-Diagram Drag in GoJS
I’m implementing drag-and-drop behavior between two GoJS diagrams. When a node is being dragged from one diagram to another, I want to provide visual feedback in the target diagram—for example, by...
View ArticleWhen TextBlock is in editing mode (focus mode), clicking on the input box...
When TextBlock is in editing mode (focus mode), clicking on the input box outside the canvas will not focus at this time. How can I make the input box focus? 3 posts - 2 participants Read full topic
View ArticleDeletable prevents Group from being cut
In my gojs code, I have a Group setup such that deletable: false. This was done so that we can ask the user for confirmation before deleting the group. Now that deletable is false, Groups are no...
View ArticleClik here to view.
I need a diagram-style image without any grouped template boxes
I need a GoJS diagram that shows a temporary ‘live data’ node. When the live data ends, the node should be hidden or removed from the diagram. Also, each node should support expanding to show more...
View ArticleClik here to view.
How to re-order the nodes when user drops it on the lane
Hi, I wanted to implement the drag and drop of nodes within the lane, and when it’s dropped, the layout should adjust the new node to the desired position and re-render the diagram. Something like...
View ArticleIs there a way to display a nested context menu?
I tried the code below for a nested context menu, but it didn’t work. Code: this.myDiagram.contextMenu = $("ContextMenu", $("ContextMenuButton", { visible: true, "ButtonBorder.fill": "#E9E9E9",...
View ArticleClik here to view.
Is there a way to create Y Links?
Hi, I would like to create Y Links for the project I am currently working on. I display two rectangular nodes: A and B. Node A has two ports on the right side and their spot is “Right”, node B does...
View ArticleClik here to view.
Links are getting overlapped across nodes when nodes are expanded/collapsed
I have a GoJS organizational chart, where nodes have the functionality of expand and collapse. For each node its child can have the following structure: Now both A and B type nodes can be multiple but...
View ArticleHow to Dynamically Update Node Data in GoJS without Rebuilding the Whole...
I’m currently engaged in a project where I’m using GoJS to create interactive diagrams, and everything is going well up to this point. However, I have run into a small roadblock. I am trying to update...
View ArticleClik here to view.
Shapes and Relationship Lines Distorted in BPMN-style Diagram with Lanes...
We are encountering a layout issue with our BPMN-style diagram implementation using GoJS version 3.x, specifically concerning swimlanes which are implemented as GoJS GoJS Version: 3.x Issue...
View ArticleHow to make Selection always on top for Groups in Groups
Hi, I have found a solution for selection always on top in the below post. https://forum.nwoods.com/t/setting-the-layername-or-zorder-of-all-the-nodes-and-links-inside-a-group/13385 But this only...
View ArticleClik here to view.
How to create a grouped template with rectangle having different types of nodes
Hello, I wanted to create the diagram below with different custom templates with different nodes. The sample diagram will look like this… The point is, how do I prepare a node data having labels above...
View ArticleClik here to view.
LayeredDigraphLayout: How to make links appear as coming out of the node center?
Hi GoJS support team, We’re experimenting with setsPortSpots: false in LayeredDigraphLayout to make our diagram less “wavy.” The overall flow looks much cleaner, but the curved links still connect to...
View ArticleClik here to view.
Guided dragging tool issue regarding position
If you have a node on x: 19.003 and use the guided dragging tool with multiple selection of 2 nodes or more that are on the same x currently. like this: and the original node I spoke about: with...
View ArticleGoJS 3.0.23 released
Changes for 3.0.23 Removed static { . . . } initialization blocks, an ES2022 feature, from the library. Setting the Diagram.renderer to “svg” no longer throws an error in non-DOM environments. Remove...
View ArticleSort Nodes in LayeredDigraph Layout
I have a LayeredDiagraph layout structure of my organizational chart, and each node can have multiple childs of different catergory. I want to sort the child nodes according to category or name. Is...
View ArticleClik here to view.
Update link routing after model change
I’m not sure if I have discovered a bug or I’m doing something wrong but if try to update link routing after a model is changed and fully rendered, the links are not updated unless I move a node a...
View ArticleClik here to view.
Table Layout rowspan and columnSpan
I want to make the various planogram designs using the tablelayout.js. How can we achieve it . Later i have to add the drag and drop functionality too in the cells. I was trying with the normal table...
View ArticleGoJS is undefined in second Aura component when used in multiple components
We’re using GoJS in two separate Aura components, each loading the library via ltng:require. The first component works, but the second fails with go is undefined. Is this due to script scoping or a...
View ArticleClik here to view.
Make Bands/Swim Lanes Static for BandedLDLayout
Hello, I have a gojs diagram (more like an organizational chart), in which each layer is separated with Bands or Swim lanes. Like this:- Each swim lane have headers defined, like B1, B2 and B3. Now...
View Article