Vertical Slider

The Horizontal Slider, upright. Same value, same range, same settings — it just takes a narrow column instead of a wide row, which is what a level, a volume or a lift wants.

What it does

It writes the value between the signal’s minimum and maximum as the thumb moves, continuously or by steps. Everything the horizontal slider does, vertically.

When to use it

• A volume or a level — the eye reads up = more on a vertical track.
• Several channels side by side — three vertical sliders make a mixer.
• A narrow spot on the grid — two columns wide, as tall as you like.

Set it up

1. Give the signal its range — Set the signal’s Minimum and Maximum first, under Format on the device’s signal: they are the two ends of the track.
2. Place it — Tap + on the dashboard and choose Vertical Slider under Controllers. Make it tall: the longer the track, the finer the control.
3. Wire it to the signal — Tap the slider, open the Data tab, tap + Add a target and pick the signal. Close the settings, tap ▶, and drag.

Settings

Tap the widget in edit mode: the sheet opens with a live preview at the top, then two tabs — Data for what it reads or writes, Appearance for how it looks.

Data — what it writes

Targets

Step

Appearance — how it looks

Title

Display

Colors

States

• Dragging — the value streams to the device. Released — the last value stays.
• Device offline — with ISignal and Restore, the position comes back on reconnect.

Arduino device code

The address is all the device knows — I4 here; use the one the app gave your signal. In the sketch, the block receives the value:

IVerticalSlider(I4, float v) { … };

Complete sketch — Cloud

Paste it into the Arduino IDE, put your Wi-Fi and the token the app gave you, upload.

#include <InstantIoT.h>

const char* WIFI_SSID    = "MyWiFi";
const char* WIFI_PASS    = "MyPassword";
const char* DEVICE_TOKEN = "PASTE_TOKEN_HERE";

IVerticalSlider(I4, float v) {   // 0 – 100 in the app
    setVolume(v);
};

void setup() {
    Serial.begin(115200);
    InstantIoT.begin(WiFiLink(WIFI_SSID, WIFI_PASS), Cloud(DEVICE_TOKEN));
}

void loop() {
    InstantIoT.loop();
}

Other connections

The widget block never changes. Only the begin() line says how the device reaches the app:

Direct needs no token: the phone is at the other end of the wire. See Connect for TLS, timeouts and what to do when it does not connect.

ISignal does the same job — and survives a restart. ISignal(I4, float v) runs with exactly the same value as IVerticalSlider(I4, float v): the widget block is the readable form, ISignal the generic one, and you can use either. The difference shows when the device reconnects: with Restore after a restart on the signal, the Cloud sends the last value again and only the ISignal block runs — a position is a state — ISignal(I4, float v) with Restore on brings it back after a restart. See One block for everything.

Notes

• Resize it tall: the longer the track, the finer the control under the finger.
• Same signal, two sliders — one horizontal on page 1, one vertical on page 2 — both show the same value.

Next

→ Horizontal Slider — the same, across → Vertical Level — to show a level rather than set it