Pre-alpha · First usable release planned for late 2026.

Gramlot Rosetta One idea. Five implementations.

Lesson 04 · First steps

Contact box

Group contact fields inside a labelled box. In Gramlot, the box sets datapath=contact and its fields use relative bindings such as ^.first_name. All four values belong to the contact branch of Data and update on focus out.

Example · Gramlot Python

Code

How it works · Gramlot Python

The labledBox sets datapath="contact", so ^.first_name and the other relative bindings resolve inside that Data branch. Its inner formlet lays out the fields. The contact-box CSS class provides the rounded border and dark title bar.