SAService Architect Back to designer
SAService ArchitectDocumentation
Graph DesignerGraph basics
Designer guide Settings | Graph

Canvas and responsive layout

The designer keeps stream properties and graph topology together. On wide screens both panels are visible; on narrow screens they become separate Settings and Graph tabs.

When to use

Use this page while editing or reviewing the graph in the designer.

Behavior

  • On a wide screen, drag the divider between the properties panel and graph to change their relative widths.
  • On a narrow screen, use the bottom Settings and Graph tabs to switch views.
  • In normal mode, drag nodes to store their canvas position. Pan and zoom the canvas using the active graph renderer controls.
  • Hover a node to see its function description or endpoint function description when one is configured.

Selection states properties

Selection and context indicators are renderer-independent.

PropertyTypeDescription
Green node outlineSelected

The currently selected stream.

Green edgeSelected or highlighted

The currently selected persisted link, or a link temporarily highlighted by an editor action.

Orange node outlinePipeline

Another stream with the same non-empty pipeline value as the selected stream.

Dimmed node or edgeOther service

The element belongs to a service other than the currently selected service.

Configuration example

Open the designer and select Graph.