Blog post preview
August 9, 2023

Demo Wednesday: Port Inspector

We've published a new demo: Port Inspector

Everything you wanted to know about configuring the port inspector and were afraid to ask, you can now find in today's demo:

  • dynamic addition/removal of ports
  • configure individual ports by path or as a list item
  • configuring port layouts and port labels
  • fine tuning of port position and orientation
  • define whether a port can be connected to other ports
  • change port shapes individually or for a group
  • change the stacking order in which ports are rendered
  • change various port presentation attributes

As a bonus, the custom inspector will highlight ports when you hover over the inspector field related to that port.

See the Pen JointJS+: Port Inspector by JointJS (@jointjs) on CodePen.

Interested in enhancing your application with interactive diagrams? 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:

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