JointJS in a React app .. missing styles?

[Neil Kolban]

I have been tinkering with trying to get a JointJS diagram in my React app and find that a diagram that looks ok in raw HTML/JS looks different/wrong when encapsulated in a React story.  If I look at the following/attached screen shot.  We see that the links look wrong.   Could this be as a result of not having included the stylesheet?  I am using the "jointjs" npm distribution.

And one final clue .... as I was hunting around, I came across this StackOverflow Q&A ... https://stackoverflow.com/questions/49043429/how-to-use-jointjs-with-reactjs

Take a look at it and also note that their diagram of them also having it "working" appears to illustrate the same puzzle I am having.

[Roman Bruckner]

Hi Neil,

it is definitely the result of missing CSS. Please check out the following Rappid tutorial - https://resources.jointjs.com/tutorial/react-ts - on how to include the stylesheet.

The same approach applies for JointJS (Rappid is a superset of  JointJS).

Best regards,

Roman

--

---
You received this message because you are subscribed to the Google Groups "JointJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jointjs+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/jointjs/3571595e-fa87-4352-a031-7a2835f28e7an%40googlegroups.com.

--

Roman Bruckner, CTO

client IO

http://client.io

http://jointjs.com

+420 776 504 406

[Neil Kolban]

Thank you Roman.  After trying to figure out how to import "jointjs" CSS into React ... once done, the result was perfect (as you said it would be).  Thank you again.