Skip to main content

HealthBoard

Family: Dashboards & Plots
Namespace: Tessera.Controls

Use HealthBoard when this interaction is the best match for your screen workflow.

When to use

  • You need a HealthBoard-style interaction inside the dashboards & plots lane.
  • A titled widget surface improves scanability in dense shells.
  • You want explicit user-driven events routed into app state updates.

Minimal usage

csharp.cs
using Tessera.Controls;
using Tessera.Layout;

var widget = new HealthBoard
{
    Title = "HealthBoard"
};

return Screen.Build(window => window.Body(body => body.Center(widget, width: 44, height: 9)));

Common pitfalls

  • Do not choose HealthBoard by name only; validate it against the target workflow.
  • Keep this control scoped to the dashboards & plots concern; avoid cross-layer state coupling.
  • Handle control events by posting/processing messages; avoid hidden mutation in render paths.
  • Set focused/normal styles intentionally so keyboard focus remains obvious.
  • Keep disabled state explicit and reversible so users understand why actions are blocked.

Public properties

PropertyType
AcknowledgedServiceStyleTesseraStyle
BorderBorderStyle
BorderStyleTextTesseraStyle
DegradedServiceStyleTesseraStyle
DisabledServiceStyleTesseraStyle
EmptyStyleTesseraStyle
EmptyTextstring
FocusedBorderStyleTextTesseraStyle
FocusedSelectedServiceStyleTesseraStyle
FocusedTitleStyleTesseraStyle
FocusMarkerstring
GlyphsHealthBoardGlyphSet
HealthyServiceStyleTesseraStyle
HoveredServiceStyleTesseraStyle
IsDisabledbool
IsFocusedbool
IsReadOnlybool
MutedServiceStyleTesseraStyle
OutageServiceStyleTesseraStyle
PaddingThickness
SelectedIndexint
SelectedServiceStyleTesseraStyle
ServiceStyleTesseraStyle
ShowFocusMarkerbool
Titlestring
TitleStyleTesseraStyle

Public events

EventType
SelectionChangedEventHandler<ListSelectionChangedEventArgs<HealthService>>?