Skip to content

User interface of Visual Flow Creator

You operate Visual Flow Creator using the "main navigation", "node palette", "working area" and "info window".

Start screen

The following screenshot shows the different elements of the Visual Flow Creator user interface:

Visual Flow Creator UI

① Opens the MindSphere Launchpad

② Node palette

③ Working area

④ Main navigation

⑤ Info window/ dashboard window/ debug window

Projects

Projects allows you to separate your flows from other user flows and organize your flows into small logical coherent pieces based on your working tasks. You can create, rename and delete the "Projects" from the tenant. A default project is already available for each user. You can also access the other user flows by selecting user from the list of "Projects". You can access "Projects" from the top left corner of the UI:

Project

① Tenant user list

② Selected user project list

③ Creates a new project

④ Renames the existing project

⑤ Deletes the existing project

Note

  • Up to 10 projects can be created per user including the "default" project.
  • "Default" project cannot be renamed or deleted.

Node palette

The node palette is located on the left side of the editor. The palatte shows you the different types of nodes available in the UI.

Node palette

① Filter the list of nodes

② Node palette

③ Collapse or expand all categories

Note

Region deviation

Support for "Simple Anomaly nodes" and "Custom nodes" are in progress for Region Europe 2.

Working area

You can drag nodes from the palette and wire them to develop the flows in the working area.

Working area

① Opens a dropdown in order to quickly navigate through all flows

② "Flow" tab with display of user email address

③ Creates a new tab. Multiple flows in one tab possible.

④ Working area

⑤ Zoom function/standard zoom level

"Visual Flow Creator" has the feature to allow you to view the information of the flows in different ways. You can use the sidebar window to configure the nodes and flows and view the results. It has three tabs:

  • Info tab: It displays information about the selected node in the node palette.
  • Dashboard tab: It displays the layout, site and theme of the nodes/ flow.
  • Debug tab: It displays the debug messages.

Sidebar

① Displays debug messages

② Displays information about the selected node in the node palette

③ Filters debug messages

④ Deletes all debug messages

⑤ Filters the options

⑥ Log area

⑦ Pauses the display of new log messages

Info tab

The info tab shows the properties of the selected node as well as information on how to use the node. If no node is selected, the info window will show the properties of the current flow displayed in the workspace.

Info window

Dashboard tab

To get an idea on the working of the dashboard nodes, it is important to know some terms and their definitions:

dashboard tab

① Add tabs in the dashboard

② Add external web links to display in the dashboard

③ Edit tab properties in the dashboard

④ Add groups in the tab

  1. Tabs: Tab is created under dashboard tab. You can add and edit groups and edit the group properties under the tab. You can add or edit multiple groups in the tab.
  2. Group: A group is a container for multiple dashboard elements. You can add or edit a group for each flow and you can develop multiple groups under the tab.
  3. Links: You can create links to other web pages in the dashboard panel of the sidebar tab.

The dashboard window has three panels:

  • Layout: The layout defines the tabs (with containing dashboard elements) and links.

    Dashboard window

    ① Tab creation with groups

    ② Created link

    After creating tabs, you can add multiple groups in each of the tabs. The tabs allow you to reorder the tabs and groups. To add a new group, click the group icon in the created tab. For editing any group, use the edit icon. The tabs and groups are expandable for editing as well as collapsible.

    In a similar way, you can define the properties of the created links by clicking edit the button.

    For configuring a dashboard node, the groups and tabs created can be used to define the dashboard node properties. For more information, refer to Configure dashboard node properties.

    Edit link window

  • Site: The site panel allows you to configure the user interface behavior of the dashboard site.

    You can also set the title of your dashboard here.

    Set title

  • Theme: You can set the themes, style, colour and font of the UI in the dashboard sidebar.

    Set theme

    Note

    The creation of groups / tabs / links are applicable only with the dashboard nodes.

For more information about creating and working of dashboard nodes, refer Dashboard nodes.

Debug tab

You can inject the node and message payload is displayed in the Debug window.

This window display debug information for:

  • MindSphere
  • Function
  • Analytics
  • Storage
  • Array
  • Simple anomaly
  • Dashboard
  • Custom

Click the "debug" window to view the message payload.

Debug window

The "debug window" displays message payload of the nodes in the flows. The messages can be filtered using the node filter button. The node panel has the following filter options:

Debug filter window

  • All nodes: Displays all the messages.
  • Own nodes: Displays the messages of the current user's nodes.
  • Selected nodes: Displays messages only of the selected nodes from all the available nodes.
  • Current flow: Displays the messages of the current working flow.

If there are large number of messages, the users have the possibility to filter them, in order to quickly find important debug information.

Flow durations

"Flow durations" displays the duration of the triggered flows in Visual Flow Creator by different users with time, user details and node information. Click Access to access the "Flow durations":

Flow duration

You can find the list of triggered flows in Visual Flow Creator. You can filter by the user and redirect to the flows in Visual Flow Creator by clicking on the active node.

Triggered flow

① Inactive node

② Active node

Note

  • If the triggered flow is deleted from Visual Flow Creator, then the node will be inactive.
  • The flow duration will be the sum of the maximum compute hours of a triggered flow and the list will be descending based on the duration.

Flow migration

"Flow migration" allows you to migrate other user executed flows from the selected project in Visual Flow Creator. Click Access to access the "Flow migration":

Flow migration

You can select the user and project to migrate the flows from one user to another user by clicking "Migrate Flows".

Select user and project

You can access the migrated flows from "Projects".

Access migrated project

Note

  • Only Visual Flow Creator admin can use "Flow migration" page.
  • After migration, project name will be replaced with the Visual Flow Creator generated project name.

Export

"Export" allows you to copy or download the other user or "Projects" flows in Visual Flow Creator. Nodes and flows can be copied in the JSON format by clicking "Copy to clipboard" or you can download them by clicking the "Download" button. Click Access to access the "Flow migration":

export

You can export the single node, flows or all the flows of the current user or "Projects" in Visual Flow Creator.

exportdialogue

① Download or copy the selected node or flows

② Download or copy all flows the current tab

③ Download or copy the all nodes and flows

④ JSON preview tab

Any questions left?

Ask the community


Except where otherwise noted, content on this site is licensed under the MindSphere Development License Agreement.


Last update: May 11, 2022