Skip to content

Widgets

Base Widget

base-dark.png base-light.png

This widget is used internally within KevinbotLib Dashboard. It cannot be added from a network sendable. It may replace a widget in the case of an error.

Text Widget

text-dark.png text-light.png

This is the most basic widget. It will display text from a sendable structure. Each dashboard structure element will be displayed in a new line.

Compatible Data Types

  • StringSendable
  • IntegerSendable
  • FloatSendable
  • BooleanSendable
  • AnyListSendable
  • DictSendable
  • BinarySendable

Big Text Widget

bigtext-dark.png bigtext-light.png

This widget functions the same as the Text Widget, but with larger text. The text size will automatically adjust to its content and grid span.

Compatible Data Types

  • StringSendable
  • IntegerSendable
  • FloatSendable
  • BooleanSendable
  • AnyListSendable
  • DictSendable

Editable Text Widget

textedit-dark.png textedit-light.png

This widget allows for the editing of text, integers, and floating-point values.

Editing the text line will cause the widget to enter "edit mode," indicated by a red cross by the text line. While in edit mode, new data received will not be displayed.

Pressing the "Submit" button will repackage the last sendable received with the updated text, and send it back to the robot. This will also exit "edit mode."

Pressing the "Cancel" button will exit "edit mode," and cause the data to reset.

Compatible Data Types

  • StringSendable
  • IntegerSendable
  • FloatSendable

Boolean Widget

boolean-off-dark.png boolean-off-light.png boolean-on-dark.png boolean-on-light.png

This widget can display boolean data as a colored rectangle. The widget will default to False/red if there is no data.

Compatible Data Types

  • BooleanSendable

Color Widget

color-dark.png color-light.png

This widget can display color strings as a colored rectangle.

Supported String Formats

  • #RGB (each of R, G, and B is a single hex digit)
  • #RRGGBB
  • #AARRGGBB
  • #RRRGGGBBB
  • #RRRRGGGGBBBB
  • A name from the list of colors defined in the list of SVG color keyword names provided by the World Wide Web Consortium; for example, "steelblue" or "gainsboro".
  • transparent - representing the absence of a color.

Compatible Data Types

  • StringSendable

MJPEG Streamer Widget

mjpeg-dark.png mjpeg-light.png

This widget can display an MJPEG stream from a video source. The resolution will automatically adjust as needed.

Configuration Options

mjpeg-config.png

The MJPEG stream allows for frame rate configuration from 1 to 20 FPS. Reduced frame rates will improve the overall dashboard performance.

Compatible Data Types

  • kevinbotlib.vision.MjpegStreamSendable

Battery Widget

battery-dark.png battery-light.png

This widget can display battery voltages in a simple and efficient graph.

Configuration Options

battery-config.png

The graphing range can be configured in the widget's settings.

Compatible Data Types

  • FloatSendable

Speedometer Widget

speedometer-dark.png speedometer-light.png

The speedometer widget can be used to display integers or floats in a highly configurable gauge.

Configuration Options

speedometer-settings.png

Compatible Data Types

  • IntegerSendable
  • FloatSendable

Graph Widget

graph-dark.png graph-light.png

The graph widget can graph data with customizable properties.

Configuration Options

graph-settings.png

Compatible Data Types

  • IntegerSendable
  • FloatSendable

Slider Widget

slider-dark.png slider-light.png

The slider widget can display numeric values on a configurable slider.

Configuration Options

slider-config.png

Compatible Data Types

  • IntegerSendable
  • FloatSendable

2D Coordinate Display Widget

coord2d-dark.png coord2d-light.png coord2dlist-dark.png coord2dlist-light.png

The 2D coordinate display is a customizable coordinate viewer for poses, coordinates, pose lists, and coordinate lists.

Configuration Options

coord2d-config.png

Compatible Data Types

  • Coord2dSendable
  • Coord3dSendable
  • Pose2dSendable
  • Pose3dSendable
  • Coord2dListSendable
  • Coord3dListSendable
  • Pose2dListSendable
  • Pose3dListSendable