Home/Blocks/Form shell

Form shell

The standing layout for a full-page form โ€” header, sectioned fields, sticky action bar at the bottom.

Stable .form-shell Multi-section forms

Default

Enroll new student

Capture demographics, guardians, and the starting term. All other details can be filled later from the student record.

Identity
Class
All changes save automatically
Multi-section form with sticky actions

Do & don't

Do

Break forms into sections by topic. Each section is a card.

Don't

Put the action bar at the top. It belongs at the bottom near the last filled field.

Do

Allow saving as draft so the operator can step away.

Don't

Require every optional field. Mark optional ones explicitly.