Blog post preview
June 14, 2023

Demo Wednesday: Microsoft Adaptive Cards

We've published a new demo: Microsoft Adaptive Cards

Today's demo shows how to embed existing HTML rendered by a third party library, e.g. Microsoft Adaptive Cards, into a shape in JointJS.

The example implements a custom view responsible for rendering interactive HTML cards inside foreign objects and synchronizing the size of the view and the model, since the size of the HTML may change over the lifetime of the card.

The demo also demonstrates the use of the markdown language inside the shapes using the markdown-it library.

In addition, we will share a detailed tutorial on how to create isometric diagrams using SVG on our blog. Stay tuned.

Interested in using such a diagramming studio in your app? Start a free JointJS+ trial and build visual and No-Code/Low-Code applications with easy and confidence.

Every Wednesday we share diagramming tips, interesting features and news in JointJS. Learn with us, get content delivered straight to your inbox and become a real diagramming pro:

Authors
Blog post author
Roman Bruckner
Diagramming enthusiast from an early age, traveler and a persistent contributor to the developer community.
No items found.
Stay in the loop

Speed up your development with a powerful library