Settings Fields
Header, Divider and Spacer
Structure the NetWizard settings page with header, divider and spacer fields.
NetWizardHeader, NetWizardDivider and NetWizardSpacer don't collect input or hold a value. Use them to split the settings page into sections. Like all fields, they appear in declaration order.
Header
A header displays a section title on the settings page, with an optional line of text under it.
NetWizardHeader mqtt(&NW, "MQTT", "Where the device sends its readings");Prop
Type
setTitle() and setDescription() change the texts at runtime.
Divider
A divider draws a horizontal line between fields.
NetWizardDivider divider(&NW);Spacer
A spacer adds empty vertical space between fields.
NetWizardSpacer spacer(&NW);Example
#include <WebServer.h>
#include <NetWizard.h>
WebServer server(80);
NetWizard NW(&server);
NetWizardHeader mqtt(&NW, "MQTT");
NetWizardDivider divider(&NW);
NetWizardInput host(&NW, "Host", "", "mqtt.example.com");
NetWizardSpacer spacer(&NW);
NetWizardInput port(&NW, "Port", 1883);
void setup() {
NW.autoConnect("NetWizard Demo", "");
server.begin();
}
void loop() {
NW.loop();
}