Arrow keys Keyboard Event
I am trying to capture the keydown event for the arrow keys instead of getting the event of canvas is get moved but in the keydown I didn’t get event but the same arrow event i am getting in the keyup...
View ArticleObject location when zooming in/out
I have an html element which renders at the bottom left corner of an object when it’s clicked and I’m trying to make it stick to the object when the canvas is panned or zoomed. The code I have works...
View ArticleGrouping transactions for undo/redo
Hi. I’m trying to figure out the best way to “group” transactions for undo/redo. Right now, our app is setup to add a node, and add a bottom ornament after we do some processing (like, 50ms later)....
View ArticleGoJS 3.1 Beta has been released
GoJS 3.1 Beta has been released: https://gojs.net/beta/ https://gojs.net/beta/changelog.html You can install the Beta via NPM with the “beta” tag: npm i gojs@beta We welcome all feedback and feature...
View ArticleLinks adornment
Hi, We would to implement “secondary” connections between nodes based on some criteria. In our case criteria is following: if node is using data from another node we need to draw link between them....
View ArticleInconsistent Connection Distribution Between Node and Side Ports
Problem : In the diagram, connections can be made through two different ports: One port allows connecting to the entire node. The other port is for connecting to a specific side of the node. The issue...
View ArticleShowing context menu using the keyboard
Hi all, I am defining: export const eventElement = (templateVersion: templateType) const contextMenuHelper = new ContextMenuHelper(); return goMake( go.Node, goObjectTypes.Vertical, { locationSpot:...
View ArticleHow to animate the selected link with dotted lines
I wanted to animate the selected link with dotted animation. How can I do that, I tried with below code it’s not working. this.myDiagram = $(go.Diagram, this.diagramDiv.nativeElement, { layout: new...
View ArticleAdd Scrollbar to Tooltip
I would like to add a scrollbar to the tooltip when it contains a large amount of text. Code:- Tooltip:- 2 posts - 2 participants Read full topic
View ArticleGoJS 3.0.25 released
Changes for 3.0.25 Fixed Diagram.transformDocToView when called by a “ViewportBoundsChanged” DiagramEvent listener when the Diagram.scale has changed. Fix for undocumented GraphObject.filter setter in...
View ArticleHow to create HTML based tooltip
I wanted to create an HTML-based tooltip having SVG content. Basically wanted to show a speedometer gauge having bad, average and good ratings with a pointing needle. The tooltip will be shown when...
View ArticleGoJS 3.0.26 released
Changes for 3.0.26 SVG Rendering context: Fixed re-adding removed elements from the DOM, for example if GraphObject.visible is toggled. 2 posts - 1 participant Read full topic
View ArticleNode alignment in LayeredDigraphLayout
Hi is there a way to solve the following issue? We’re using LayeredDigraphLayout and can have a node which can have up to two children that we tried to configure to look like this: However, in some...
View ArticleShape over the entire link
Hi Walter, I have a shape in my link template that I wish to utilize to spread over the entirety of my link. The idea is that it’s the footprint of this link and how my robot will drive over it. I’m...
View ArticleI’m trying to use the NonRealtimeDraggingTool extension while still keeping...
const diagram = /** @type {NowDiagram.DiagramExtended} */ ( new Diagram(vnode, { contentAlignment: Spot.Center, "animationManager.isEnabled": Boolean(options.animationEnabled), click: (event) =>...
View ArticleI want to reflect the updated content of the model in the diagram
How can I reflect the updated content of the model in the diagram? By using the property below, the model updates, but the changes are not reflected in the diagram. Why?...
View ArticleitemIndex based position/geometry with undo/redo
Hello. I’m looking for assistance with port positioning as a result of undo/redo. I’m running into the following scenario where we start out with three ports… After I select Output table 2, delete it,...
View ArticleAvoid overlapping issue for Link and Link Label
I want to avoid overlapping of link labels, as the label size is too large. Please suggest a way to make the link labels clearly visible and readable. Refer to the details below for your reference....
View ArticleCopy paste node from one group to another group
Hi, I have three group of same category, and one group has a node inside it. I will add a context menu on node and i will have a button to copy. Once i copy i should be able to paste the node into...
View ArticleMarkDown Support
We are using a Note element which is based on a Adornment template. We are binding the text to the text property inside a TextBlock. Is it possible to have a element like a MarkDown viewer. Means: If...
View ArticleBroken url for local storage command handler examples page
On this page: gojs.net Clipboard Commands Using Local Storage The LocalStorageCommandHandler extension enhances the copy and paste commands to use localStorage as the storage mechanism. Which then...
View ArticleFacing issue where the diagram and its content shift
we have a diagram like the above. second image show the drawer expanded state. the blue bordersection is a grouptemplate the green section is a taygroup template within the green section there is...
View ArticleOn hover of product in palette, diagram shifts left side
I have a palette on the left side, which lists the products. On the right side, I’m displaying the vending machine layout. On hover of the product, I want to highlight in the trays where it can fit in...
View ArticleDiagram Shifting on expand collapse of subgroup
@walter Here is the starting template. On expand collapse of the drawers the diagram is shifting a little towards. jsfiddle.net H - JSFiddle - Code Playground JSFiddle - Test your JavaScript, CSS,...
View ArticleNode Not Rendering After Copy-Paste Workflow with Custom Category and Template
Problem Statement: I am implementing a copy-paste workflow in GoJS where a user can copy a Product Node and place it elsewhere in the diagram. The workflow uses a placeholder node (with a distinct...
View Article