Screens & Widget Studio

Build custom dashboards in the App without writing code, then pin them to Home.

Paths:

• Settings → Widget Studio — visual layout editor
• Settings → Dashboard screens — list, pin, and manage screens
• Home → Dashboards — open a pinned screen

Dashboard screens

1. Open Settings → Dashboard screens.
2. Tap Add screen.
3. Enter a Screen name → Create & design (opens Widget Studio).
4. Use pin / edit / open actions on each screen card so a dashboard can replace or appear on Home.

Home tip text: “Pin a full dashboard screen to replace Home. Design layouts in Widget Studio.”

Widget Studio

Editor features:

Tool	Purpose
Add widget	Insert a new widget from the catalog
Layers	Manage stacked widgets
Duplicate / Delete	Copy or remove the selected widget
Settings	Configure the selected widget (bindings, labels)
Save	Persist the layout
Undo / Redo	Step through edits
Zoom	Zoom in/out of the canvas
Preview sizes	Phone S · Phone · Tablet · Desktop · Fit
Preview theme	Toggle light/dark preview
Preview mode	Interact as an end user
Multi-device overview	Cross-device layout helpers

Widget types you can add

Search the picker, then add:

• Display · Gauge · Chart · Status Strip
• Button · Hold Button · Joystick · Dual Stick
• Slider · Dial · D-Pad · Mode Switch
• Text Label

Example widgets on a greenhouse demo layout: Temperature Gauge, Humidity Gauge, Grow Light toggle, LED Dimmer, Pump Switch.

Bind widgets to your kit

Widgets bind to sensors and actuators that already exist on the device. Map a gauge to Temperature, a toggle to Grow Light, and so on. Catalog hardware definitions are not created here.

Tips

• Design at Phone first if you mostly use mobile, then check Desktop.
• Keep one clear “everyday” screen pinned to Home.
• Viewers may open dashboards but cannot edit layouts.

note

Widget Studio is for using your devices. If a sensor or actuator is missing from the bind list, ask an Admin/Owner or support — not every member creates hardware catalog types.