Widgets

status

5min

This widget gives a visual representation of status using a combination of icons and colors. The status widget can be used alone or combined with another widget inside a widget/group.
The status returned is based on a boolean condition. 
Widget status
﻿
﻿Configuration options﻿
The core structure includes: statuses
The statuses property includes 2 parts:
when - the condition when the status should be set
icon - the icon that should be set
Other options:
top and bottom - The titles component will be added to the top/ bottom of your widget
color - The possibility to choose from our color palette
footer - Here the additional text with the format can be added 
﻿Examples and code snippets ﻿
Example of status
﻿
Examples:
See the full example using static data in GitHub. 
See the full example using dynamic data in GitHub. 
status (static)
status-with-expression
status (dynamic)
|
widgets:
  2x2: 
    type: widget.status
    options:
      statuses:
        - when: true
          icon: check-circle-1
          color: color2
          bottom:
            type: component.titles
            options:
              title: Correct
              align: center
              style:
                isPositive: true
widgets:
  2x2: 
    type: widget.status
    options:
      statuses:
        - when: true
          icon: check-circle-1
          color: color2
          bottom:
            type: component.titles
            options:
              title: Correct
              align: center
              style:
                isPositive: true
﻿
See also
﻿﻿Developer reference﻿﻿
﻿Widgets samples solution - It can be downloaded on Jigx Management (Quick Start section)
﻿