View/Edit Mode

Do you need to switch a diagram from read-only to fully editable mode, e.g. based on user permissions? Here is a demo of how to structure your application to make switching between view and edit mode easier.

Demo instructions

Switch the diagram from read-only to fully editable mode.

View/Edit Mode

See the Pen JointJS+: View/Edit Mode by JointJS (@jointjs) on CodePen.

Made with JointJS+

Only available with the JointJS+ commercial license in the apps/ directory of your package. Don't have a license yet? Start a trial and use the source code of all our demos for free, with no strings attached, for 30 days.

Learn about Jointjs+

Start free trial

Made with JointJS

Available in the JointJS open-source library which helps developers create simple visual applications in less time.

Download JointJS

View code on github

JavaScript

Adjustable interactivity

Element palette

Highlighters

Element tools

Link tools

Zoom & Pan

Undo/Redo

Toolbar

Built-in shapes

More demos

Chatbot

Chatbot

Use this demo application to create an advanced Chatbot solution with an intuitive drag-and-drop editor.

Kitchen Sink App

Kitchen Sink App

This demo presents all the main features of JointJS+ and is a useful guide to understand its capabilities.

BPMN

BPMN

The BPMN demo demonstrates a standardized approach to modeling the steps of a business process from start to finish.

MindMap

MindMap

This demo shows a diagram used to visually organize information into a hierarchy.

Organizational Chart

Organizational Chart

This demo showcases the power of JointJS+ on one of the most widely used diagram types.

Flowchart

Flowchart

This flowchart created using our JavaScript/Typescript diagramming library shows a simple checkout process.

Data Mapping

Data Mapping

This demo allows you to map abstract data that is provided in a given format and experience the power of JointJS+.

Database

Database

This demo application serves as a valuable example of an advanced visual application created using JointJS+.

Speed up your development with a powerful library

Leverage a time-tested JavaScript diagramming library using the best of HTML5 and SVG to accelerate your development.

start Free trial

JavaScript diagramming library powering exceptional UIs.

The latest news

DISCOVER

Features Demos & examples JointJS+FAQ Contact us

DEVELOP

Resellers Customer portal

USEFUL

News Licensing Support terms Try JointJS+ for free Buy JointJS+JointJS+ comparison

client.IO

We are part of client.IO, a company dedicated to developing Low-Code/No-Code tools and empowering innovative thinkers to create amazing products faster. Learn more

Appmixer

We are proud creators of Appmixer, an embedded iPaaS and workflow automation system. Powered by JointJS+. Learn more

This website is haunted