Stack buttons in rows and layers
2:39 · 5 chapters ·
Too many action buttons in your lpm header? A zone gives a group of them a framed spot of its own, up to three rows tall, with layers you flip between and a fold that turns the whole zone into one button. Everything here is done from right-click menus: start a zone from a button, name it and set its height, move buttons in, add named layers, then fold it away.
Transcript
The narration, chapter by chapter. Pick a time to play from there.
A header out of room
Too many buttons in your lpm header? Stack them in a zone, flip between layers, or fold the whole zone into one button. Here's storefront. Next to Claude and Codex sit five more buttons, for builds, deploys, formatting, linting and tests. The header has run out of room, so they've wrapped onto a second line.
Make a zone
A zone fixes that: a framed spot that stacks buttons up to three rows tall. Right-click Test, open Move, and choose New zone with Test. A frame takes Test's place, with Test inside. To set it up, right-click Test again, choose its zone, then Edit zone. Name it Tasks: the name shows in menus, not on the zone. Make it two rows tall, and click Save. Now Lint: right-click it, and under Move, choose Into Tasks. Lint stacks under Test. Format goes in the same way, and starts a second column: a zone fills from top to bottom, then the next column.
Add layers
A zone can also hold several sets of buttons, called layers. Right-click the free corner of the frame, and choose Edit zone again. Click Add layer, and you get two. Name the first Checks, and the second Release, then click Save. Dots now sit under the zone, with the open layer's name. Right-click Build, and under Move, choose Into Tasks, Release. The zone slides over to Release, and Build lands there. Move Deploy there the same way. Now five buttons share one spot, and the header fits on a single line again. To go back to Checks, click the first dot. On a trackpad, a sideways swipe over the zone flips layers too.
Fold it into one button
Need even more room? Hover the zone, and click the small button in its corner: the zone folds into one button, Tasks. Hover Tasks, and its buttons pop up, layers and all, ready to click. Click the arrows beside it to unfold the zone again.
Change or remove a zone
Everything else is in the zone's menu: right-click its free corner. New layer adds a layer, and Remove zone puts every button back in the header, deleting nothing. Zones keep related buttons together, up to three rows tall, in the header or the footer, and layers let one spot hold several sets of them.
