Hello Michael,

To make the Kendo UI Diagram fully read-only and prevent all modifications (including for dynamically added shapes and keyboard shortcuts), here are the recommended steps:

1. Use the editable: false Option

Setting editable: false on initialization disables editing for all shapes and connections, including removing, adding, and modifying items. This also applies to shapes added later using diagram.addShape()—those shapes will inherit the read-only configuration and cannot be removed or modified through the UI.

Example:

$("#kendoDiagram").kendoDiagram({
    editable: false
});

• https://www.telerik.com/kendo-jquery-ui/documentation/api/javascript/dataviz/ui/diagram/configuration/editable

2. Prevent Keyboard Shortcuts

While editable: false disables most editing actions, some keyboard shortcuts (like copy, paste, cut, and duplicate) may still be active. To fully prevent these, handle the keydown event and suppress the relevant shortcuts:

Example:

$("#kendoDiagram").on("keydown", function(e) {
    // Block Ctrl+C, Ctrl+V, Ctrl+X, Ctrl+D
    if (e.ctrlKey && ["c", "v", "x", "d"].includes(e.key.toLowerCase())) {
        e.preventDefault();
    }
});

3. Prevent Removal of Dynamically Added Shapes

If you notice that dynamically added shapes can still be removed, make sure you are adding them after the diagram is initialized with editable: false. If you are adding shapes and still see removal possible, you can handle the remove event and prevent deletion programmatically:

Example:

var diagram = $("#kendoDiagram").data("kendoDiagram");
diagram.bind("remove", function(e) {
    e.preventDefault(); // Prevent removing shapes/connections
});

• https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/events/remove

Regards,
Nikolay
Progress Telerik