Notes from the field

Blog

Tutorials, code, and lessons from building premium GIS — ArcGIS automation, portal administration, the modern Esri stack, and open-source spatial workflows.

A desktop browser layout built from calcite-shell regions: header, left action bar, a side panel of list items, a map, a floating dialog and a footer, with the detached pieces linked alongside. At the center, a breakpoint node between a monitor and a phone icon sits above a code block. On the right, the same app as two phones; the upper one keeps the desktop side panel and is marked with a grey cross, the lower one collapses it into a sheet over the map and is marked with a blue check.

calcite-shell decides where things go, not when they move — the Calcite 5.x layout frame, and the small-screen code it leaves to you

What calcite-shell does at Calcite 5.x: ten named slots, shell-panels placed by slot, and slotted dialogs kept inside its box. What it does not do: adapt to small screens. A tested small-screen sample with its caveat, the 5.0 leftovers to clean up, and what 30 ATS builds show.

More posts

Want a workflow like this wired into your own org?

Book a free intro call