Back to top

Theming and Styling

Theming and Styling

Support for VSCode and Eclipse Theia themes and flexible styling.

Theming and Styling

Custom shapes

Custom shapes

Customs shapes in a diagram using SVG and CSS animations.

Custom shapes

Workflow example

Workflow example

An example workflow diagram available open source. See here for more details.

Workflow example

Constrained layouts

Constrained layouts

© logi.cals GmbH

An example for an editor with constrained layouts.

Constrained layouts

© logi.cals GmbH

Animated Marker Navigation across the Diagram

Animated Marker Navigation across the Diagram

© logi.cals GmbH

A custom sequence function chart editor demonstrating the animated navigation from diagram marker to next marker via keyboard shortcut.

Animated Marker Navigation across the Diagram

© logi.cals GmbH

Ecore Editor

Ecore Editor

The Ecore Editor provided by EMF.cloud. See here for more details.

Ecore Editor

Large Model and Zooming

Large Model and Zooming

A large model demonstrating scalability and Zooming. See here for more details.

Large Model and Zooming

Auto Layout

Auto Layout

An example for auto layout in a diagram. See here for more details.

Auto Layout

Ports and Routing

Ports and Routing

© logi.cals GmbH

A custom editor showing Ports and advanced Routing.

Ports and Routing

© logi.cals GmbH

Palette and Editing

Palette and Editing

The Ecore Tools showing the palette and editing. See here for more details.

Palette and Editing

Undo / Redo

Undo / Redo

The Ecore tools demonstrating Undo / Redo. See here for more details.

Undo / Redo

Label Editing and Auto Completion

Label Editing and Auto Completion

© logi.cals GmbH

A custom editor showing advanced Label editing and Auto Completion.

Label Editing and Auto Completion

© logi.cals GmbH

Custom Context Actions

Custom Context Actions

A custom context action in the workflow example. See here for more details.

Custom Context Actions

Validation Marker

Validation Marker

A custom editor showing Validation Marker and the Problem View integration.

Validation Marker

UML Class Diagram

UML Class Diagram

An example for a UML class diagram.

UML Class Diagram

UML Use Case Diagram

UML Use Case Diagram

An example for a UML use case diagram.

UML Use Case Diagram

UML Activity Diagram

UML Activity Diagram

An example for a UML activity diagram.

UML Activity Diagram