Input widgets

Try text, number, date, time, checkbox and multiline inputs. Gramlot’s formlet arranges labelled widgets in two fixed columns; each widget binds to its own Data field. Text fields commit on focus out, and the checkbox commits when toggled. This lesson covers field layout and editing, without submission or persistence.

Live example · Gramlot JS

Code

How it works · Gramlot JS

A formlet lays out six widgets, with each value bound to its own Data path. The widget determines the editor and value type; the formlet only handles layout. Open the inspector to see Data values after editing and leaving a field.