Grouped repeating items

I have two questions.

I have repeating items like this.

item 1
item 2
item 3

I want instead

item1, item2, item3,
item4, item5, item6
(going on forever)

Also, I have an ‘x’ on each word that they can delete, but this is a slow update in the database. What are strategies to make it faster

What I’ve tried and what’s not working:

I haven’t tried too many things. I found this horizontal component but couldn’t get it to work. I have no idea how to accomplish both of these things


**Clone link:**
*share a copy of your app*

Which horizontal component? Linking to what you found helps others know where you’re at.

In general, decouple updating the UI from updating the database. Update the UI first by removing the row from the list of rows you used to populate the repeating panel, then make a silent server call to update the database. From the user’s perspective they’ll see the deletion immediately. If they try to delete something else right away, it’ll delay until the previous server call completes, so it depends on usage patterns whether that’s enough or not.

If they’re going to delete a bunch of items in quick succession, you can put those into a list of items to delete, and give them an Apply button that makes the server call for all of the items they deleted.

This is the component I found in the forums

Yeah, I don’t think that component helps you much. Repeating panels work by taking a list of dictionaries, and displaying each dictionary in a row (or a cell for the horizontal one). You want a combination, where X rows are displayed horizontally, and then going vertically for each set of rows. I haven’t seen anyone do anything like that, and a repeating panel won’t.

You’d need to build a component designed for doing that. It might involve a repeating panel as part of the implementation, but you’d need to group X rows into a single dictionary for the repeating panel to treat as a single row, and then display those X rows in something else (a flow panel, maybe?).

Grid Panels are the way to go for that

Although you will have to add components to it using code.

You can also consider using a flow panel if you don’t have any particular numbers of columns per row and just want items arranged horizontally.

Are you talking about something like the Chips in Anvil Extras?