Portal Widgets provide the mechanism by which end users can view IoT system data as well as interact with an IoT system defined within the ClearBlade platform.

A number of widgets are automatically included with a portal when the portal is created. Developers can also write javascript code to construct custom widgets.

Widgets are added to a pane by clicking + in the pane header.

Once added to a pane, each widget will need to be configured in order to correctly display data from the specified datasource.

The configuration settings are specific to the widget being added.

Consult the ClearBlade docs(https://docs.clearblade.com/v/4/portal/widgets_tut...) for existing and new widgets and additional information related to configuring individual widgets.

Bar Graph

Generates a bar graph based on data received from a datasource or static data.

---

Button

Allows a user to perform an action when a button is clicked.

---

Radial Gauge

Displays a radial gauge indicating the current source value.

---

Toggle

Displays a switch that can be turned on/off.

---

Line Graph

Displays a line graph generated from input data.

---

Message Feed

Displays a live feed of the latest messages for a specific MQTT topic.

---

Pie Chart

Displays a pie chart generated from input data.

---

Speedometer

Displays data in a speedometer.

---