An HTML5 framework for for building visual tools, with the JointJS library at its core.
Rappid is an HTML5 framework for for building visual tools, with the JointJS library at its core.
Questions tagged [rappid]
92 questions
5
votes
2 answers
IE11 - Object doesn't support property or method 'contains'
Working with Rappid I encountered an error in IE11 console:
Object doesn't support property or method 'contains'
This error is from an SVGElement not having that method. Same code in Chrome works.
Seems like I need to polyfill for this missing…
ArielGro
- 795
- 1
- 11
- 24
4
votes
1 answer
Adding cell to JointJS graph silently
In JointJS, how can I add a cell to a graph without triggering any events?
When I pass the optional arguments:
{
silent: true
}
The cell is not rendered in the paper.
sidrakesh
- 234
- 2
- 18
4
votes
0 answers
Joint.js / Rappid - Hairline (1px) strokes for links and borders
I must be just missing it somewhere but how does one define a hairline stroke in Joint.js? My shapes and lines are not scaled and no matter what I do, everything seems to be rendered 2px anti-aliased.
Here's my default link…
Buta
- 73
- 1
- 4
3
votes
0 answers
Html elements positioning in Rappid/Joint
I am working on a project where user can create flowcharts but the nodes in the chart need to be dynamic. Basically they are HTML cards. For this approach I was following this: https://resources.jointjs.com/tutorial/html-elements
But I am facing…
abhishekiiit
- 160
- 1
- 10
3
votes
1 answer
Layout DirectedGraph (dagre) only on a subset of nodes
I'm looking for a way to layout only a subset of nodes of a directed graph with JointJS / Rappid diagramming library.
I need some "fixed" nodes in the graph and layout the "others", assuming that they can be connected between each other or with some…
brillantef
- 134
- 8
2
votes
1 answer
How to test npm package shipped as .tgz file in react using jest?
I'm using a npm package shipped as .tgz file with in a react application. But when I try test a react component using jest which imports this package I'm getting the following error. Is there anything that I have to configure in jest to test this?
…
PNDev
- 590
- 1
- 8
- 23
2
votes
1 answer
Changing shape at drop on paper
I'm using rappidjs 3.2 and I'm trying to make a stencil shape that changes shape when I drop it to the paper. For testing purposes I want to just print in the console the type of shape throught dragEndClone (As far as I understood from documentation…
Zeth
- 41
- 8
2
votes
1 answer
Using RappidJS how can I dynamically add new elements to a rendered stencil
I'm using the kitchen sink demo (https://resources.jointjs.com/demos/kitchensink)
And looking at the docs
https://resources.jointjs.com/docs/rappid/v2.4/ui.html#ui.Stencil
What I can't understand is how can I can take the already rendered stencil as…
Mike
- 23
- 4
2
votes
1 answer
Paste elements to another graph in Rappid?
I am building an administration tool thats manipulates diagrams, using JointsJS + Rappid. I am trying to copy paste elements from one paper A to another paper B (located on different browser tabs) but I face the following problem:
I can copy-paste…
moudug
- 209
- 1
- 3
- 13
2
votes
1 answer
Add a label to a stencil shape of type basic.Image in jointjs-Rappid
I have a stencil shape of type basic.Image which is showed in Stencil without a label as in the following screenshot:
Is there any way I can add a label which will be displayed at the bottom of this shape in the Stencil?
The full code is the…
Reputated_Enginius
- 336
- 3
- 22
2
votes
1 answer
Does rappid Joint js have the ability to save and reload a graph from JSON with layout intact
I am trying to evaluate if the rappid library will allow me to create my diagram, save it to JSON format and then re-load it from the same to view and edit later wihtout changing the layout. Any suggestions / tips from anyone who has used this…
CoreJava
- 31
- 3
2
votes
1 answer
Joint.js Element Scaling
{
type: 'basic.Image',
size: { width: 53, height: 42 },
attrs: {
'.': {
'data-tooltip': 'Image',
'data-tooltip-position': 'left',
…
Nick Shulzhenko
- 145
- 1
- 10
2
votes
2 answers
JointJS Link with same source and target
In some cases I have links where source and target are the same element. (same ID).
this.lastLink = this.link.clone().set({
source: {id: ele1Id},
target: {id: ele2Id},
...
It currently looks like this. Links have labels so don't be…
Dino
- 7,779
- 12
- 46
- 85
2
votes
3 answers
Can I dynamically change the selection options of my inspector in jointJS - Rappid
In my inspector.js I have declared this select box with name tr_rules which has 2 select options :
'tr_rules': { type: 'select', options: ['option1', 'option2'], group: 'attributes', label: 'Rule', index: 3 },
Is there any way I can define my…
user7430373
2
votes
0 answers
JointJS: Create collapsible tree hierarchy in left stencil section of Rappid example code
We want to create a collapsible tree structure in the stencil section of the Rappid example code "KitchenSink". The tree will be populated from a graph database and we want the user to be able to click on different levels of the tree to show and…
Conor
- 21
- 2