Skip to content
Stand with Ukraine flag

HP Electrical Engine

HP Electrical engine SCADA symbol

This widget belongs to the General high-performance SCADA symbols bundle — a collection of versatile components for building interactive high-fidelity SCADA dashboards on ThingsBoard.

It represents an electric motor or drive unit used to power pumps, fans, conveyors, compressors, and other driven equipment in industrial and utility installations. The widget shows whether the motor is currently energized and running, and highlights warning or critical conditions with configurable colors and a blinking animation.

Use it on motor control center dashboards, industrial automation diagrams, or facility management systems to visualize motor operating status at a glance, surface overload or fault alarms, and drill into motor telemetry with a single click.

  • Indicate that the motor is energized and running in the running state.
  • Indicate warning and critical states with configurable colors.
  • Animate a blinking effect when the motor is in warning or critical state.
  • Trigger separate dashboard actions when the widget is clicked in its warning state or critical state.
  • Trigger a general dashboard action when the widget symbol is clicked in any non-alarm state.
  • Receive state data from device attributes, time series, alarm status, or dashboard state.
  1. Open the dashboard and switch to edit mode.
  2. Click Add widget at the top, or the Add new widget icon in the center of the screen.
  3. Open the General high-performance SCADA symbols widget bundle.
  4. Select HP Electrical engine.
  5. Configure the widget settings, then click Add.

The widget connects to a single data source: either a Device or an Entity alias that resolves to a device. This device provides the telemetry or attribute values used to drive the widget’s visual state.

The SCADA symbol defines the visual shape of the widget. The HP Electrical engine widget has a pre-selected symbol from the General high-performance SCADA symbols bundle. To use a different symbol, click Browse SCADA symbol from gallery and choose one from the library, or upload your own.

Behavior parameters define what the widget displays and how it responds to user interaction, driven by real-time data from the connected device.

ParameterDefaultDescription
RunningUse attribute 'running'Whether the motor is currently energized and running. When True, the running state is shown. See Data source configuration.

Warning state

ParameterDefaultDescription
WarningUse alarm statusWhether the motor is in warning state. See Data source configuration.
Warning clickDo nothingAction triggered when the user clicks the widget symbol while it is in warning state. See Click action configuration.

Critical state

ParameterDefaultDescription
CriticalUse alarm statusWhether the motor is in critical state. See Data source configuration.
Critical clickDo nothingAction triggered when the user clicks the widget symbol while it is in critical state. See Click action configuration.
ParameterDefaultDescription
Warning/Critical state animationFalseWhether to enable blinking animation when the motor is in warning or critical state. See Data source configuration.
On clickDo nothingAction triggered when the user clicks the widget symbol in any non-alarm state. See Click action configuration.

Applies to Warning click, Critical click, and On click. Select one action type from the list below.

  • Do nothing

    The symbol is clickable but performs no action. Use while testing styles or as a placeholder.

  • Navigate to new dashboard state

    Switches to a different view within the same dashboard, like opening a motor details screen.

    ParameterDescription
    Target dashboard stateThe state to open (required).
    Open right dashboard layout (mobile view)Opens a side panel instead of replacing the view (mobile only).
    Set entity from widgetPasses the current entity to the target state.
    State entity parameter nameThe key the entity is passed under.
    Dashboard state display optionNormal (same view), In separate dialog (popup), or In popover (inline overlay).
  • Update current dashboard state

    Updates the context of the current view, like switching the selected motor, without navigating away.

    ParameterDescription
    Target dashboard stateThe state to switch to (optional).
    Open right dashboard layout (mobile view)Opens a side panel on mobile.
    Set entity from widgetPasses the current entity to the updated state.
    State entity parameter nameThe key the entity is passed under.
  • Navigate to other dashboard

    Opens a completely different dashboard, like jumping from an equipment overview to a motor fault analysis dashboard.

    ParameterDescription
    Target dashboardThe dashboard to open (required).
    Target dashboard stateThe specific view to open within that dashboard.
    Open in a new browser tabOpens the dashboard without leaving the current page.
    Set entity from widgetPasses the current entity to the other dashboard.
    State entity parameter nameThe key the entity is passed under.
  • Custom action

    Runs custom JavaScript on click to implement any behavior not covered by the built-in options. Use it to make HTTP requests, open custom dialogs, call other widget APIs, or interact with external services. The function receives: $event, widgetContext, entityId, entityName, additionalParams, entityLabel.

  • Custom action (with HTML template)

    Same as Custom action, but also renders a custom HTML panel or dialog when the symbol is clicked. The function receives an additional htmlTemplate parameter: $event, widgetContext, entityId, entityName, htmlTemplate, additionalParams, entityLabel.

    ParameterDescription
    ResourcesExternal scripts and styles loaded before the action runs.
    CSSStyling for the HTML template.
    HTMLLayout of the rendered dialog or panel.
    JSAction logic.
  • Mobile action

    Triggers a native device feature inside a ThingsBoard mobile app, like the camera or QR scanner.

    ParameterDescription
    Mobile action typeTake picture from gallery, Take photo, Open map directions, Open map location, Scan QR Code, Make phone call, Get phone location, Take screenshot, or Device provision.
  • Open URL

    Opens a website or external link when clicked.

    ParameterDescription
    URLThe address to open (required).
    Open in a new browser tabKeeps the current dashboard open while opening the link.

Applies to Running, Warning, Critical, and Warning/Critical state animation. Click the edit icon next to a parameter to open its configuration dialog. When Action is set to Do nothing, the Value options depend on which parameter you are configuring:

ParameterValue
RunningTrue or False
WarningTrue or False
CriticalTrue or False
Warning/Critical state animationTrue or False

For all other actions, the configuration dialog works the same way regardless of which parameter you are editing:

  • Execute RPC

    Read the parameter value from an RPC response.

    ParameterDescription
    MethodRPC method to call, like getState or getMotorStatus.
    Action result converterNone — parameter is activated when the result matches the value you specify; Function — parameter is activated when your f(data) returns true.
    ’[parameter]’ when result isThe value or condition that activates this parameter.
    RPC request timeout (ms)How long to wait for a device response before timing out (Advanced settings).
    RPC request persistentStores and retries the command until the device comes online (Advanced settings).
  • Get attribute

    Read the parameter value from a device attribute.

    ParameterDescription
    Attribute scopeWhere the attribute is stored: Any, Client, Server, or Shared.
    Attribute keyAttribute name to read, like running or motorActive.
    Action result converterNone — parameter is activated when the attribute equals the value you specify; Function — parameter is activated when your f(data) returns true.
    ’[parameter]’ when result isThe value or condition that activates this parameter.
  • Get time series

    Read the parameter value from the latest telemetry reading.

    ParameterDescription
    Time series keyTelemetry key to monitor, like motorRunning or driveState.
    Action result converterNone — parameter is activated when the telemetry value equals what you specify; Function — parameter is activated when your f(data) returns true.
    ’[parameter]’ when result isThe value or condition that activates this parameter.
  • Get alarm status

    Activate the parameter when a specific alarm is active on the device.

    ParameterDescription
    Alarm severityWhich severity levels trigger the active state: Critical, Major, Minor, Warning, or Indeterminate.
    Alarm typesAny alarm, or a specific alarm type.
  • Get dashboard state id

    Activate the parameter based on which dashboard state is currently open.

    ParameterDescription
    Action result converterNone — parameter is activated when the state name matches the text you enter; Function — parameter is activated when your f(data) returns true.
    ’[parameter]’ when result isThe state name or condition that activates this parameter.
  • Get dashboard state object

    Activate the parameter using the full dashboard state context; use this when you need to evaluate multiple state parameters at once.

    ParameterDescription
    Parse value functionA f(data) function that receives the current dashboard state object. Use data.id to read the active state name, or data.params to inspect state parameters.
    ’[parameter]’ when result isThe expected type and value that activates the parameter. Choose String, Integer, Double, Boolean (then select True or False), or JSON.

The Appearance section controls the widget title, motor state colors, and alarm colors.

SettingDefaultDescription
TitleHP Electrical engineWidget title displayed in the header. Supports entityName and entityLabel variables.
Card iconIcon shown in the widget header. Configure its size and color.
Running colorLight grayMotor color when energized and running.
Stopped colorDark grayMotor color when de-energized or stopped.
Warning colorOrangeMotor color when in warning state.
Critical colorRedMotor color when in critical state.

The Card appearance section controls the widget container style.

SettingDefaultDescription
BackgroundTransparentCard background color.
Show card buttonsFullscreenButtons shown on the card when hovered.
Card border radius0pxRounding of card corners.
Card padding12pxInner spacing between the card edge and widget content.

Motor shows no running state

CauseSolution
Running action is set to Do nothing and value is FalseOpen the Running edit dialog, set the correct Action, and specify the attribute key.
Target device is not connectedConfirm that the selected device is online and actively sending data.

Warning or critical color does not appear

CauseSolution
Warning or Critical action is Do nothing and value is FalseConfigure the state parameter to read from an alarm status or a device attribute.
Alarm is not active on the deviceConfirm that the device has an active alarm of the expected severity.

Warning click or Critical click does nothing

CauseSolution
The widget is not currently in the expected alarm stateThe Warning click handler only fires when the Warning state is active; Critical click only fires when the Critical state is active. Verify the alarm is active on the device.
Action is set to Do nothingOpen the Warning click or Critical click edit dialog and configure the desired navigation or action.

This widget is used in the following ready-made solution template built on the General high-performance SCADA symbols bundle:

  • SCADA Swimming pool — a complete swimming pool monitoring dashboard that uses widgets from the General high-performance SCADA symbols bundle.