Label Widget

A lightweight re-implementation of the classic ThingWorx Label widget.

Usage #

Properties #

PropertyTypeBindingDefaultDescription
CustomClassSTRING<>Enables you to define an html class to the top div of the widget. Multiple classes can be entered, separated by space
TemplateLIST<Template 1This will be the Template used for the widget styling
TextANY(localized)<LabelText to be used
FormatSTRING(localized)<see Formatting
GlobalPropertiesJSON<A serialized JSON object that has global parameter names as its keys and data types as values. These are properties can be referenced when using expression formatting
TooltipSTRING(localized)<Optional tooltip used to display additional information. see Tooltip
TooltipAnchorSTRINGWidgetIf the tooltip should appear next to the Widget, or next to the cursor.
TooltipFormatSTRING(localized)<see Formatting
TooltipTypeLIST<TextThe widget tooltip type
TooltipMashupMASHUPNAME<Mashup to be used as a tooltip when TooltipType is set as Mashup
TooltipWidthNUMBERWidth of the tooltip. It won’t be bigger than the Max-width set in the GlobalStyles for the Tooltip
TooltipHeightNUMBERHeight of the tooltip. Can only be set if TooltipType is set as HTMLMarkdown or Mashup
RenderTypeLISTPlain TextHow the text in the label should be rendered Mashup
EllipsisBOOLEANFALSEIf ellipsis is TRUE the text doesn’t fit within the label, it will truncate with ... at the end of the line and the text will be forced on one line and it will ellipsis at the end of the available space
IconURISTRING<FALSEURI describing the icon that’s going to be used. Either a HTTP link or a reference to an icon in an icon font can be used.

Expression Format context #

When using Expression Format, other relevant fields can also be referenced.

valueSTRING | NUMBER | DATETIME – The label value

globalCtxTWJSON – Any TWX value declared on the widget Global Properties and that has a value bound.

ctx: { data: INFOTABLE (entire dataset); row: INFOTABLE row } – If the value is bound from an INFOTABLE, the label can access the entire dataset and the current row.

Was this article helpful?

  • Happy
  • Normal
  • Sad

Contact Support

Please fill in the form below and we will get back to you ASAP!
Support form is only accessible for logged in users.
IQNOX Logo
Log In

Welcome back!

Remember me
Don't have an account? Sign Up

Schedule a Demo

Schedule a personalized demo to explore how our widgets can streamline your workflow, enhance efficiency, and drive better results.
Name
Preffered Date / Time (US Eastern time)
We’ll do our best to accommodate your preferred date and time. If it’s not available, our team will reach out to find a time that works for everyone.