Skip to main content

Status Message Widget

A simple widget used to dynamical display status messages.

Usage

Properties

PropertiesTypeBindingDefaultDescription
Custom ClassSTRING(localized)<>Enables you to define an html class to the top div of the widget. Multiple classes can be entered, separated by space
TemplateLIST<Template 1The widget template to use for this widget
IconURISTRING<URI describing the icon. Either a HTTP link or a reference to an icon in an icon font can be used.
Position1STRING<>Top-RightPositioning of the notification popup
TitleSTRING(localized)<An optional title to display on top of the message
MessageSTRING(localized)<Status message to be displayed
DelayNUMBER3000Time in milliseconds for the message to be shown
AutoCloseBOOLEANTRUESet if the message should hide automatically after the delay
HideProgressBarBOOLEANFALSEHides the descending progress bar that shows when the message will close
PauseDelayOnHoverBOOLEANTRUEPauses the delay countdown when hovering the mouse over the message to allow the user more time to read it
NewestMessageOnTopBOOLEANFALSEIf Enabled, the newest message will show on top of the already showing message
CloseOnClickBOOLEANFALSEThe whole message becomes clickable for closing the message
PauseDelayOnWindowDefocusBOOLEANFALSEIf Enabled, all status messages shown will have their delay time paused when window is not in focus
DataINFOTABLE<An optional data set to associate to the notification. This data will be available to use when the notification the notification is clicked
EventDataINFOTABLE>The data associated to the notification that was clicked
UseForSystemNotificationsBOOLEANFALSEUse this widget to generate Thingworx notifications instead of the standard status message

Services

PropertyTypeBindingDescription
ShowSERVICE<Shows the message

Events

PropertyTypeBindingDescription
NotificationClickedEVENT>Triggered when a notification is clicked

Footnotes

  1. (1) Position Options :

    • Top-right
    • Top-center
    • Top-left
    • Bottom-right
    • Bottom-center
    • Bottom-left