Essential Studio® for Diagram SDK - v34.1.29 Release Notes

v34.1.29
July 06, 2026
Test Results: 34088 Success , 0 Failure

Diagram

blazor

Features

UML Class Shapes

  • FB21317 - The UML Class Diagram feature enables visual representation of the static structure of applications in a clear and standardized way. It is particularly useful for modeling object-oriented systems, helping streamline the transition from conceptual design to implementation.
  • The feature supports key UML elements such as Classes, Interfaces, and Enumerations, allowing accurate modeling of system components.
  • Standard UML connectors are included to define relationships between elements. Supported relationship types include Association, Aggregation, Composition, Inheritance, and Dependency, enabling effective modeling of real-world interactions and dependencies.

For further details, please refer to the documentation link here.

Demo: UML class diagram

Annotation Interaction

  • FB41904 - Annotations in a diagram support interactions such as selection, dragging, rotation, and resizing. By default, annotation interaction is disabled.
    Interaction can be enabled using the Constraints property of the annotation. In addition, individual interactions-such as selecting, dragging, rotating, and resizing-can be enabled or restricted independently through their respective constraint settings.

For further details, please refer to the documentation link here.

Demo: Annotation Interaction

Annotation Hyperlink Open Behavior

  • FB375993 - Hyperlinks can be configured using the HyperlinkSettings object. The Url property defines the navigation link, while the Content property specifies the display text. If no content is provided, the URL is displayed by default.
  • The OpenMode property determines how the hyperlink opens when clicked:
    HyperlinkOpenMode.Self - Opens the hyperlink in the current browser tab.
    HyperlinkOpenMode.Blank - Opens the hyperlink in a new browser tab.

The default value of the OpenMode property is HyperlinkOpenMode.Self.

For further details, please refer to the documentation link here.

Demo: Annotation Hyperlink Open Behavior

Breaking Changes

Accessing the BPMN flow type through Shape.Flow is no longer supported, and the connector’s Shape must now be explicitly cast to BpmnFlow before accessing the Flow property.

Previous

Diagram.Connectors[0].Shape.Flow = BpmnFlowType.SequenceFlow;

Current

(Diagram.Connectors[0].Shape as BpmnFlow).Flow = BpmnFlowType.SequenceFlow;

ej2-angular

Features

Entity Relationship Diagram

  • FB15944 - Introduced Entity Relationship Diagram (ERD) support in EJ2 Diagram, enabling users to design and visualize database schemas with entities, attributes, and relationships.
  • The feature provides dedicated ER APIs, including ERDiagrams, EREntityShapeModel, ERFieldModel, and ERConnectorShapeModel, for rendering entities, fields, and relationships.
  • It also supports relationship cardinality through the ERCardinality API and enables interactive field management using built-in methods such as diagram.addField() and diagram.removeField().

Demo: Entity Relationship Diagram

Enhanced Mermaid Syntax Handling During Diagram Save and Load

  • Improved Mermaid syntax handling during diagram save and load operations to provide greater consistency and reliability across supported serialization workflows.
  • This enhancement applies to the currently supported Mermaid diagram types: Flowchart, Mind map, and UML Sequence.
  • It helps preserve diagram structure and syntax more accurately during persistence and restoration operations. No additional Mermaid diagram types are introduced as part of this enhancement.

Support to Detect Unsaved Changes

  • FB65816 - Added support for detecting unsaved changes in the Diagram through the isModified property, enabling applications to determine whether the diagram has been modified after a load or save operation.
  • This capability allows applications to prompt users before actions such as page refresh, navigation, or closing the browser tab or window.
  • The feature improves usability by reducing the risk of accidental data loss and providing better control over diagram state management.

Demo: Demo to Detect Unsaved Changes

Performance Improvements – Organizational Chart Expand/Collapse

  • Expand and collapse performance for large organizational charts has been significantly improved, reducing delays and enhancing responsiveness. Operations are now faster and more consistent, even with high node counts, enabling smoother interaction with large diagrams.

Performance Gains

Node Count Before Fix After Fix
5,000 ~40 sec 4–5 sec
7,500 ~50+ sec 8–10 sec
10,000 >60 sec 14–17 sec

Bug Fixes

  • FB73936 BPMN event styling is now updated correctly for inner child elements in addition to the outer wrapper, ensuring fill and stroke changes are applied consistently and the event is rendered with the expected appearance.

ej2-aspnetcore

Features

Entity Relationship Diagram

  • FB15944 - Introduced Entity Relationship Diagram (ERD) support in EJ2 Diagram, enabling users to design and visualize database schemas with entities, attributes, and relationships.
  • The feature provides dedicated ER APIs, including ERDiagrams, EREntityShapeModel, ERFieldModel, and ERConnectorShapeModel, for rendering entities, fields, and relationships.
  • It also supports relationship cardinality through the ERCardinality API and enables interactive field management using built-in methods such as diagram.addField() and diagram.removeField().

Demo: Entity Relationship Diagram

Enhanced Mermaid Syntax Handling During Diagram Save and Load

  • Improved Mermaid syntax handling during diagram save and load operations to provide greater consistency and reliability across supported serialization workflows.
  • This enhancement applies to the currently supported Mermaid diagram types: Flowchart, Mind map, and UML Sequence.
  • It helps preserve diagram structure and syntax more accurately during persistence and restoration operations. No additional Mermaid diagram types are introduced as part of this enhancement.

Support to Detect Unsaved Changes

  • FB65816 - Added support for detecting unsaved changes in the Diagram through the isModified property, enabling applications to determine whether the diagram has been modified after a load or save operation.
  • This capability allows applications to prompt users before actions such as page refresh, navigation, or closing the browser tab or window.
  • The feature improves usability by reducing the risk of accidental data loss and providing better control over diagram state management.

Demo: Demo to Detect Unsaved Changes

Performance Improvements – Organizational Chart Expand/Collapse

  • Expand and collapse performance for large organizational charts has been significantly improved, reducing delays and enhancing responsiveness. Operations are now faster and more consistent, even with high node counts, enabling smoother interaction with large diagrams.

Performance Gains

Node Count Before Fix After Fix
5,000 ~40 sec 4–5 sec
7,500 ~50+ sec 8–10 sec
10,000 >60 sec 14–17 sec

Bug Fixes

  • FB73936 BPMN event styling is now updated correctly for inner child elements in addition to the outer wrapper, ensuring fill and stroke changes are applied consistently and the event is rendered with the expected appearance.

ej2-aspnetmvc

Features

Entity Relationship Diagram

  • FB15944 - Introduced Entity Relationship Diagram (ERD) support in EJ2 Diagram, enabling users to design and visualize database schemas with entities, attributes, and relationships.
  • The feature provides dedicated ER APIs, including ERDiagrams, EREntityShapeModel, ERFieldModel, and ERConnectorShapeModel, for rendering entities, fields, and relationships.
  • It also supports relationship cardinality through the ERCardinality API and enables interactive field management using built-in methods such as diagram.addField() and diagram.removeField().

Demo: Entity Relationship Diagram

Enhanced Mermaid Syntax Handling During Diagram Save and Load

  • Improved Mermaid syntax handling during diagram save and load operations to provide greater consistency and reliability across supported serialization workflows.
  • This enhancement applies to the currently supported Mermaid diagram types: Flowchart, Mind map, and UML Sequence.
  • It helps preserve diagram structure and syntax more accurately during persistence and restoration operations. No additional Mermaid diagram types are introduced as part of this enhancement.

Support to Detect Unsaved Changes

  • FB65816 - Added support for detecting unsaved changes in the Diagram through the isModified property, enabling applications to determine whether the diagram has been modified after a load or save operation.
  • This capability allows applications to prompt users before actions such as page refresh, navigation, or closing the browser tab or window.
  • The feature improves usability by reducing the risk of accidental data loss and providing better control over diagram state management.

Demo: Demo to Detect Unsaved Changes

Performance Improvements – Organizational Chart Expand/Collapse

  • Expand and collapse performance for large organizational charts has been significantly improved, reducing delays and enhancing responsiveness. Operations are now faster and more consistent, even with high node counts, enabling smoother interaction with large diagrams.

Performance Gains

Node Count Before Fix After Fix
5,000 ~40 sec 4–5 sec
7,500 ~50+ sec 8–10 sec
10,000 >60 sec 14–17 sec

Bug Fixes

  • FB73936 BPMN event styling is now updated correctly for inner child elements in addition to the outer wrapper, ensuring fill and stroke changes are applied consistently and the event is rendered with the expected appearance.

ej2-javascript

Features

Entity Relationship Diagram

  • FB15944 - Introduced Entity Relationship Diagram (ERD) support in EJ2 Diagram, enabling users to design and visualize database schemas with entities, attributes, and relationships.
  • The feature provides dedicated ER APIs, including ERDiagrams, EREntityShapeModel, ERFieldModel, and ERConnectorShapeModel, for rendering entities, fields, and relationships.
  • It also supports relationship cardinality through the ERCardinality API and enables interactive field management using built-in methods such as diagram.addField() and diagram.removeField().

Demo: Entity Relationship Diagram

Enhanced Mermaid Syntax Handling During Diagram Save and Load

  • Improved Mermaid syntax handling during diagram save and load operations to provide greater consistency and reliability across supported serialization workflows.
  • This enhancement applies to the currently supported Mermaid diagram types: Flowchart, Mind map, and UML Sequence.
  • It helps preserve diagram structure and syntax more accurately during persistence and restoration operations. No additional Mermaid diagram types are introduced as part of this enhancement.

Support to Detect Unsaved Changes

  • FB65816 - Added support for detecting unsaved changes in the Diagram through the isModified property, enabling applications to determine whether the diagram has been modified after a load or save operation.
  • This capability allows applications to prompt users before actions such as page refresh, navigation, or closing the browser tab or window.
  • The feature improves usability by reducing the risk of accidental data loss and providing better control over diagram state management.

Demo: Demo to Detect Unsaved Changes

Performance Improvements – Organizational Chart Expand/Collapse

  • Expand and collapse performance for large organizational charts has been significantly improved, reducing delays and enhancing responsiveness. Operations are now faster and more consistent, even with high node counts, enabling smoother interaction with large diagrams.

Performance Gains

Node Count Before Fix After Fix
5,000 ~40 sec 4–5 sec
7,500 ~50+ sec 8–10 sec
10,000 >60 sec 14–17 sec

Bug Fixes

  • FB73936 BPMN event styling is now updated correctly for inner child elements in addition to the outer wrapper, ensuring fill and stroke changes are applied consistently and the event is rendered with the expected appearance.

ej2-react

Features

Entity Relationship Diagram

  • FB15944 - Introduced Entity Relationship Diagram (ERD) support in EJ2 Diagram, enabling users to design and visualize database schemas with entities, attributes, and relationships.
  • The feature provides dedicated ER APIs, including ERDiagrams, EREntityShapeModel, ERFieldModel, and ERConnectorShapeModel, for rendering entities, fields, and relationships.
  • It also supports relationship cardinality through the ERCardinality API and enables interactive field management using built-in methods such as diagram.addField() and diagram.removeField().

Demo: Entity Relationship Diagram

Enhanced Mermaid Syntax Handling During Diagram Save and Load

  • Improved Mermaid syntax handling during diagram save and load operations to provide greater consistency and reliability across supported serialization workflows.
  • This enhancement applies to the currently supported Mermaid diagram types: Flowchart, Mind map, and UML Sequence.
  • It helps preserve diagram structure and syntax more accurately during persistence and restoration operations. No additional Mermaid diagram types are introduced as part of this enhancement.

Support to Detect Unsaved Changes

  • FB65816 - Added support for detecting unsaved changes in the Diagram through the isModified property, enabling applications to determine whether the diagram has been modified after a load or save operation.
  • This capability allows applications to prompt users before actions such as page refresh, navigation, or closing the browser tab or window.
  • The feature improves usability by reducing the risk of accidental data loss and providing better control over diagram state management.

Demo: Demo to Detect Unsaved Changes

Performance Improvements – Organizational Chart Expand/Collapse

  • Expand and collapse performance for large organizational charts has been significantly improved, reducing delays and enhancing responsiveness. Operations are now faster and more consistent, even with high node counts, enabling smoother interaction with large diagrams.

Performance Gains

Node Count Before Fix After Fix
5,000 ~40 sec 4–5 sec
7,500 ~50+ sec 8–10 sec
10,000 >60 sec 14–17 sec

Bug Fixes

  • FB73936 BPMN event styling is now updated correctly for inner child elements in addition to the outer wrapper, ensuring fill and stroke changes are applied consistently and the event is rendered with the expected appearance.

ej2-typescript

Features

Entity Relationship Diagram

  • FB15944 - Introduced Entity Relationship Diagram (ERD) support in EJ2 Diagram, enabling users to design and visualize database schemas with entities, attributes, and relationships.
  • The feature provides dedicated ER APIs, including ERDiagrams, EREntityShapeModel, ERFieldModel, and ERConnectorShapeModel, for rendering entities, fields, and relationships.
  • It also supports relationship cardinality through the ERCardinality API and enables interactive field management using built-in methods such as diagram.addField() and diagram.removeField().

Demo: Entity Relationship Diagram

Enhanced Mermaid Syntax Handling During Diagram Save and Load

  • Improved Mermaid syntax handling during diagram save and load operations to provide greater consistency and reliability across supported serialization workflows.
  • This enhancement applies to the currently supported Mermaid diagram types: Flowchart, Mind map, and UML Sequence.
  • It helps preserve diagram structure and syntax more accurately during persistence and restoration operations. No additional Mermaid diagram types are introduced as part of this enhancement.

Support to Detect Unsaved Changes

  • FB65816 - Added support for detecting unsaved changes in the Diagram through the isModified property, enabling applications to determine whether the diagram has been modified after a load or save operation.
  • This capability allows applications to prompt users before actions such as page refresh, navigation, or closing the browser tab or window.
  • The feature improves usability by reducing the risk of accidental data loss and providing better control over diagram state management.

Demo: Demo to Detect Unsaved Changes

Performance Improvements – Organizational Chart Expand/Collapse

  • Expand and collapse performance for large organizational charts has been significantly improved, reducing delays and enhancing responsiveness. Operations are now faster and more consistent, even with high node counts, enabling smoother interaction with large diagrams.

Performance Gains

Node Count Before Fix After Fix
5,000 ~40 sec 4–5 sec
7,500 ~50+ sec 8–10 sec
10,000 >60 sec 14–17 sec

Bug Fixes

  • FB73936 BPMN event styling is now updated correctly for inner child elements in addition to the outer wrapper, ensuring fill and stroke changes are applied consistently and the event is rendered with the expected appearance.

ej2-vue

Features

Entity Relationship Diagram

  • FB15944 - Introduced Entity Relationship Diagram (ERD) support in EJ2 Diagram, enabling users to design and visualize database schemas with entities, attributes, and relationships.
  • The feature provides dedicated ER APIs, including ERDiagrams, EREntityShapeModel, ERFieldModel, and ERConnectorShapeModel, for rendering entities, fields, and relationships.
  • It also supports relationship cardinality through the ERCardinality API and enables interactive field management using built-in methods such as diagram.addField() and diagram.removeField().
    Demo: Entity Relationship Diagram

Enhanced Mermaid Syntax Handling During Diagram Save and Load

  • Improved Mermaid syntax handling during diagram save and load operations to provide greater consistency and reliability across supported serialization workflows.
  • This enhancement applies to the currently supported Mermaid diagram types: Flowchart, Mind map, and UML Sequence.
  • It helps preserve diagram structure and syntax more accurately during persistence and restoration operations. No additional Mermaid diagram types are introduced as part of this enhancement.

Support to Detect Unsaved Changes

  • FB65816 - Added support for detecting unsaved changes in the Diagram through the isModified property, enabling applications to determine whether the diagram has been modified after a load or save operation.
  • This capability allows applications to prompt users before actions such as page refresh, navigation, or closing the browser tab or window.
  • The feature improves usability by reducing the risk of accidental data loss and providing better control over diagram state management.
    Demo: Demo to Detect Unsaved Changes

Performance Improvements – Organizational Chart Expand/Collapse

  • Expand and collapse performance for large organizational charts has been significantly improved, reducing delays and enhancing responsiveness. Operations are now faster and more consistent, even with high node counts, enabling smoother interaction with large diagrams.

Performance Gains

Node Count Before Fix After Fix
5,000 ~40 sec 4–5 sec
7,500 ~50+ sec 8–10 sec
10,000 >60 sec 14–17 sec

Bug Fixes

  • FB73936 BPMN event styling is now updated correctly for inner child elements in addition to the outer wrapper, ensuring fill and stroke changes are applied consistently and the event is rendered with the expected appearance.

WPF

Bug fixes

  • #I818398 – Group connectors connected to ports on external connectors no longer disconnect and reset to position (0,0) after performing save and load operations.

  • #I835468 – Connectors now remain properly connected to their source and target groups after performing save and load operations on diagrams with connected groups.

WindowsForms

Bug Fixes

  • #I825059 – Custom Symbols can now be copied and pasted without triggering an ArgumentNullException in the WinForms Diagram control.

Test Results

Component Name Platform Test Cases Passed Failed Remarks
Diagram Blazor 17089 17089 0 All Passed
Diagram Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) 16999 16999 0 All Passed