Quantcast
Channel: GoJS - Northwoods Software

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 Article


Image may be NSFW.
Clik here to view.

Object 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 Article


Grouping 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 Article

GoJS 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 Article

Image may be NSFW.
Clik here to view.

Links 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 Article


Image may be NSFW.
Clik here to view.

Inconsistent 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 Article

Image may be NSFW.
Clik here to view.

Showing 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 Article

How 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 Article


Image may be NSFW.
Clik here to view.

Add 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 Article


GoJS 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 Article

How 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 Article

GoJS 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 Article

Image may be NSFW.
Clik here to view.

Node 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 Article


Image may be NSFW.
Clik here to view.

Shape 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 Article

I’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 Article


I 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 Article

Image may be NSFW.
Clik here to view.

itemIndex 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 Article


Image may be NSFW.
Clik here to view.

Avoid 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 Article

Image may be NSFW.
Clik here to view.

Copy 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 Article

Image may be NSFW.
Clik here to view.

MarkDown 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 Article

Image may be NSFW.
Clik here to view.

Broken 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 Article


Image may be NSFW.
Clik here to view.

Facing 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 Article


Image may be NSFW.
Clik here to view.

On 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 Article

Image may be NSFW.
Clik here to view.

Diagram 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 Article

Node 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