This page explains how to display Diagram Designer Visualization diagrams in your Evolve Site.
Visualization diagrams are typically used to visually-represent an object and its relationships to other objects, allowing you to see a specific object in context.
However, rather than being a fixed diagram created in CW Modeler, they are automatically generated at the time of viewing.
Visualization diagrams are created as 'layouts' in Diagram Designer. The layout defines which Object Type is the focus of the diagram, which other Object Types and Associations should be shown, and how the diagram should be organized, but it does not specify which object instances should be shown.
In Evolve, you can configure a page to show a diagram generated from one of these layouts, resulting in a dynamically-generated view of an object in context.
You most commonly display Visualization diagrams on Object Pages, where you want a visual representation of the subject of the Object Page. However you can also display them on Index Pages.
|
|
This Help does not explain how to create Diagram Designer layouts. Evolve only supports Diagram Designer layouts which have one object instance as the focus. |
|---|
Display a Visualization diagram on your web page
|
|
These instructions detail how to display a Visualization diagram in a new Tab on an Object Page. You can of course show Visualization diagrams in other places, such as below an Association node in a Tab on an Object Page, or below an Object Type node on an Index Page. |
|---|
To display a Visualization diagram on your web page:
In Evolve Designer, expand the Object Page node where you want your diagram to be displayed
Right-click the Tab node and select Add Layout > CW > Diagram
The Layout Diagram node is added.
Right-click the Layout Diagram node and select Add Behaviors > Diagram > Visualization (Automatic Diagram)
The Visualization (Automatic Diagram) node is added.
Select the Visualization (Automatic Diagram) node and edit the settings:
Use Diagram Design Name to select the Diagram Designer layout you want to use on this page. Only layouts focused on the same Object Type as the Object Page are listed.
Use Display Mode to choose how you want the diagram to be displayed, either constraining it by diagram height, or displayed in full-screen mode.
Save and Publish your Site.
Related Topics
