Reorderable Grid/List with Container

[kkimj]

What:

A single component that lets me drag & drop items in a responsive grid or list, where each item can be a Container holding images, text, buttons, etc.

Why:

Right now I have to choose between a grid layout (ListView) and reorderable behavior (Reorderable List), or build complex workarounds.

Combining them would let me:

• Quickly shuffle images in a gallery
• Build Kanban-style boards with fully customizable cards
• Arrange dashboard widgets or product catalog cards without extra scripts

Docs checked:

ListView has grid display;
Reorderable List handles drag-and-drop—but they don’t work together yet!

[ChiEn]

Merging Listview and Reorderable List

Hi, The addition of the grid option on the Listview was great. The Reorderable List component is almost EOL compared to the other components. It should be merge as an option of the Listview, and reorderable listing should be supported in list and grid modes. Finally, when we add an line programmatically to the Listview, we lose all the info in the other lines. Workarounds has been proposed, but it would be nice to supported out-of-the-box. Thanks!

Linking this feature request to the other relevant post for visibility!

[ChiEn]

Hey there @kkimj! Thanks for taking the time to write this! You’re right, this does sound like an amazing combined component. I’ve added a +1 internally on your behalf and will let you know as soon as we have any updates!

[ChiEn]

Hey @kkimj, while we don’t have a native Kanban component at the moment, one of our Retool team members actually built one as a custom component! Check it out here!

Custom Drag-and-Drop Component for Retool

Hey Retool Community! I’ve just finished building a Custom Component that replicates a simple project management board, inspired by the many requests I’ve seen in the thread! Link here. It includes four default columns: Backlog Todo In Progress Done Here’s what it supports so far: Drag-and-drop task cards between columns Add tasks using the “+” button in each column Rename tasks by clicking on the task name One dynam…

We always encourage builders to share their creative workarounds in the Show & Tell channel, let’s keep building!