Chat now with support
Chat with Support

erwin Evolve 2023.1.0 - General

Displaying Vector (HTML5) for Displaying Diagrams

This page explains how to display CW Modeler diagrams in Vector (HTML5) format in your Evolve Site.

Vector (HTML5) diagrams introduce a new method for displaying CW Modeler diagrams, bringing increased load performance, better picture quality and perfect scaling.

Use the Vector (HTML5) Diagram display

To use the Vector (HTML5) Diagram display:

Icon

Description automatically generated

If you want to compare the appearance of the Vector (HTML5) version of your diagram and the original CW Modeler version, you can display both versions in your page. To do this, each diagram must be displayed in a different Tab. Ensure that you enter a specific Layout ID for each.

This is a useful way to provide us with feedback about the differences you experience.

  1. Open one of your existing Diagram pages.

  2. Add a new behavior to the Layout Diagram node you want to change, ensuring you choose the Vector (HTML5) option.

  3. Delete the existing CW Modeler Diagram node.

Support for diagram elements

The Vector (HTML5) diagram behavior supports all diagram elements typically available to CW Modeler diagrams, except for the following:

The following elements are NOT supported:

  • Association Type Regions

The following elements are PARTIALLY-supported:

  • Version Control (all items except for the Detailed Object section)

  • Free Text (only Free Texts referenced on the palette)

Icon

Description automatically generated

IMPORTANT

Vector (HTML5) Diagrams will not correctly display any diagram element where the formatting of the element is applied directly on the canvas.

Only formatting applied to items on the New Objects Palette of the corresponding template diagram are displayed correctly.

Diagram Shapes

There is partial support for available for the following diagram shapes:

RED

=

Not Supported

BLUE

=

Supported with differences to the original CW Modeler diagram.

 

Icon

Description automatically generated

Please note that due to the rendering limitations of Internet Explorer 9 and 10, using shapes with a dashed outline may prevent the diagram from rendering properly.

 

Lines and Connectors

All lines and Connectors are supported.

Shape Regions

The following table shows the support for shape regions:

Region

Level

Label

Supported

Association Type

Supported

Association Type (Custom)

Not supported

Property Value

Supported

Property Value (Custom)

Supported

Property Visualization using Reference property

Supported

Property Visualization using Palette value

Supported

Explosion with rule and category

Supported

Property gauge using a reference property

Supported

Property gauge using Palette

Supported

Property Gauge as date range

Supported

Explosion

Supported

Explosion with rule

Supported

Navigation

Supported

 

Icon

Description automatically generated

A yellow triangular () Warning icon will display next to the action buttons in the top right hand corner when:

  • If there is misalignment between the Template Palette and the Diagram Palette. However, the icon will not display if the misaligned objects in the palette use names that have previously been accepted for aligned objects, even if their settings have been changed.

  • A diagram uses unfinished or missing connectors. Close and reopen the diagram in Corporate Modeler . If the Warning icon remains, this is likely due to another issue.

  • Missing Shapes create a Broken Layer. Close and reopen the diagram in Corporate Modeler . If the Warning icon remains, this is likely due to another issue.

 

Icon

Description automatically generated

Please be aware that certain fonts are not supported by all browsers. When using the HTML5 Canvas, some fonts will therefore be substituted for alternative styles, depending on your browser type.

Publishing Static Sites

If you only use the Vector (HTML5) behavior to display diagrams in your Static Site, you can tell Evolve to no longer generate image files of the diagrams in your repository when you publish the Site.

Generating diagram image files is often the most time-consuming part of publishing a Static Site and they are not needed for the Vector (HTML5) behavior, so choosing not to export them can significantly speed up publication.

Use the Export Diagram Images option on the Site node settings  to disable diagram image generation.

Related Documents

The document was helpful.

Select Rating

I easily found the information I needed.

Select Rating