Reorder Components in List (and automatically update position on the page)

I often find myself trying to reorder components in the list, only to realize they’re arranged according to screen order. This default setting is logical and generally acceptable.

However, rearranging fields can be a bit of a hassle, particularly when it leads to gaps on the page. It would be highly convenient to reorder components directly from the list, with changes automatically reflected on the page layout.

Ideally, this function would operate bidirectionally for consistency.

Curious to hear your thoughts!

Hello @emozio!

Are you referring to the "List View" component?

I believe I had filed a feature request for being able t re-order the "Listbox" component via drag-and-drop :sweat_smile: also we have a "Reorderable List" component out currently on version 3.113 that I haven't used that often yet but could be useful for certain use cases.

I completely understand that you want to avoid having gaps on the page.

Just want to confirm that when you say "reorder components directly from the list" that you are referring to the data source in the component's inspector correct? Which would then have its order reflected on the page layout :raised_hands:

Hi @Jack_T ,

Yes, I am referring to the component inspector, more specifically the Component Tree. I was hoping to be able to reorder components in the list, and then possibly see that order reflected on the page/app.

I guess that would make sense from my perspective, but I could imagine others having different thoughts.

:wave:

Ah yes that makes sense, thank you for the added details!

I can file a feature request for that right now :saluting_face:

For a second I thought you were referring to the data source in the inspector but realized that didn't make any sense :sweat_smile:

The Tree on the left side makes much more sense and having some drag and drop on that UI would be really cool and make things much easier to re-arrange!

Thank you for all the great requests!

1 Like