Hey All,
Last Dev Day, we talked about Stacks, which are flexbox-like containers that can provide more layout granularity than Retool’s 12-column grid. We’re ready to launch Stacks in a private beta for Cloud users. If you’d like to test Stacks, please fill out this form. Stacks are live on cloud and self-hosted v3.75+.
If you have any feedback, please feel free to share it in this thread or by emailing kent@retool.com. Stacks are not yet fully featured, but they’re stable enough to start to use in apps and experiment with. Here’s a non-exhaustive list of the next things we’ll be working on:
- A flex-wrap equivalent
- Adding stacks as a layout option on all frames (sidebar, header, main)
- Directly specifying component height/width with pixel values
- Reordering Stack components in the component tree instead of by dragging on the canvas
There are a few known bugs & ergonomic issues:
- Copying and pasting within a Stack does not add the pasted component to the end of the Stack
- Copying and pasting within a Stack does not preserve component height/width settings
How do I turn stacks on?
Stacks are an option on Container and Group components – they can be toggled by setting a container’s “Display” property to “Stack”.Thanks!