Navigation Map Elements

Use Navigation Maps to provide all users with an overarching linked view of all your processes.

This section describes the navigation map elements and their options. All elements except Live Insights can link to diagrams, folders, or URLs.

Text

Follow these steps:

  1. Drag a text frame onto the canvas.

  2. Double-select the frame to add or edit the text.

  3. In the Attributes panel, you can add an outgoing link to the text element, see section Add links to elements.

  4. To format the complete text, use the toolbar.

Bold

Italic

Change font color

Shapes

You can add the following shapes:

  • Triangle

  • Rectangle

  • Ellipse

  • Arrow

  • Line

Some formatting is possible from the toolbar, for details see section Editor toolbar and keyboard shortcuts.

Additional formatting options are available in the Attributes panel, for example border style.

For details how to move and change a shape, see section Move and change elements.

In the Attributes panel, you can add an outgoing link to a shape, see section Add links to elements.

Live Insights

With the Live Insights shapes, you can add insights and KPIs you want to monitor to BPMN diagrams, value chains, and navigation maps.

For that, you add a Live Insights shape to your diagram and link it with a widget from SAP Signavio Process Intelligence. Users can then view the Live Insights in SAP Signavio Process Collaboration Hub.

In SAP Signavio Process Intelligence, thresholds need to be defined for the widgets that are linked to Live Insights shapes. In SAP Signavio Process Manager and SAP Signavio Process Modeler, the color of the shape indicates how the current result of the widget relates to the defined thresholds. The following example shows how the sentiment shape reflects the current widget result:

The color of a shape is only visible in SAP Signavio Process Collaboration Hub. In SAP Signavio Process Manager and SAP Signavio Process Modeler, the shapes stay grey.

Read more about Live Insights in section Add Live Insights.

Images

You can upload custom images to use in navigation maps. All images available for navigation maps are in the Image Management.

Images for upload need to be in the SVG format. To prevent possible security problems, each SVG file you want to upload is checked. Read more about the validation criteria in section Validation criteria.

Images uploaded with the image manager while creating navigation maps have a size limit of 50 kB for each image file.

Upload images

Follow these steps:

  1. Choose Add image.

  2. Select one or more images to upload.

  3. Review your upload in the dialog.

  4. Choose Confirm.

    The images are available for adding to the Navigation Map.

Add an Image to the Navigation Map

Follow these steps:

  1. If necessary, search for the image.

  2. Drag the image onto the canvas.

  3. To change the size of the image, click the bottom right corner or top left corner and drag the corner.

    Images are always scaled in proportion.

  4. In the Attributes panel, you can add an outgoing link to an image, see section Add links to elements.

Add Links to Elements

You can add links to all elements in a navigation map except Live Insights. You can link to another diagram or folder in your workspace, or you can link to a URL.

You add the link in the Attributes panel.

Follow these steps:

  1. Open the Attributes panel.

  2. In the Link row, click the right column and then click (more options). The dialog for adding a link opens.

  3. Select one of the options:

    • Create a new diagram: Select the type of diagram. The editor opens with a blank canvas.

    • Use existing diagram or directory: Select a diagram or a folder to link in the folder structure.

    • Use web link: Paste the URL to the input field.

  4. Save with Link.

In SAP Signavio Process Collaboration Hub, elements with a link show a movement effect when users hover over them.

Use the Dictionary

For navigation maps, you can link dictionary entries from all categories to the following modeling elements:

  • Text

  • Shapes

  • Images