Using Realtime Indicators

Guide on how to add realtime indicators to diagrams

Realtime indicators help make your diagrams more readable. They are small colored shapes, backgrounds, or texts you can associate with shapes in your diagram. They can represent different states and their colors allow users to quickly scan diagrams for an informational overview.

This document explains how to add realtime indicators to your diagrams.

❗️

Configure realtime indicators

Before using the realtime indicators feature in Designer, make sure your ServiceNow admin has configured realtime indicators correctly. See Realtime indicators for information on the configuration process.

11561156

Diagram with realtime indicators applied

Realtime indicators UI

In Designer, you create and edit realtime indicators via the ribbon above the canvas. The indicators available to you are based on those configured by your ServiceNow admin.

11851185

Adding realtime indicators

  1. Select INSERT from the top ribbon.
  2. The insert menu pops up, select Realtime Indicators.
  3. Select the table, field, and view for the realtime indicator you want to add.
215215
  1. Select the ADD INDICATOR button.
792792

Types of realtime indicators

  • Background: Adds a colored background to relevant tables in the diagram.
429429 458458
  • Border: Adds a colored border around each relevant tables in the diagram.
394394 458458
  • Circle: Adds a small circle to the top right corner of relevant tables diagram.
395395 480480
  • Rhombus: Adds a colored rhombus circle to the top right corner of relevant tables in the diagram.
393393 483483
  • Square: Adds a small colored square to the top right corner of relevant tables in the diagram.
395395 480480
  • Text: Adds text describing the indicator to each relevant table in the diagram.
482482
  • Triangle: Adds a small circle to the top right corner of relevant tables in the diagram.
396396 482482

Set realtime indicators' position

In Designer you can choose a position and orientation of realtime indicators.

To adjust the position:

  1. Hover your cursor over the Position box. Here you can choose where the indicator is placed inside or outside the element.
232232
  1. Select your preferred position for the realtime indicator.
182182

To set the orientation of the realtime indicator:

  • Select Add Indicator.

  • Select either the left-to-right or right-to-left orientation for indicators with horizontal positions.

232232
  • Select either top-to-bottom or bottom-to-top orientations for indicators with vertical positions.
232232

To add the realtime indicator to your diagram:

  • Select Add Indicator.

Adjust existing realtime indicators

Designer has options to edit existing realtime indicators and hide or remove them. These are accessed via the indicators tab in the menu ribbon.

949949

Edit existing realtime indicators:

After selecting INDICATORS from the ribbon:

  1. Select the realtime indicator you want to adjust.
10751075
  1. Follow the instructions Adding realtime indicators to adjust the type, position or orientation of the realtime indicator.
  2. When you are ready to commit changes to the realtime indicators, select Update Indicator.

Hide realtime indicators

To hide all realtime indicators:

  1. Select INDICATORS from the top ribbon.
  2. Select the toggle button to turn off all realtime indicators.
617617

Delete a realtime indicator

In the edit mode:

  • Select the x icon for the realtime indicator you would like to remove
617617

What’s Next