Different Formats in Repeating Group

Hey all,

I’m semi-new to Bubble and am just now starting to experiment with repeating groups and their benefits. With a project I’m working on I’ll need to be able to display transactions in a RG similar to the pic below:

I’m able to pull the transaction names and have them listed properly in the RG, however, I can’t seem to get the transaction amounts to do the same. The transaction amounts either show up with all them in one cell, or with the same amount listed for all corresponding transaction names. (I can’t get the date to show at all. The date seen was just a ‘current date/time’ I put in for formatting and visual purposes).

Currently, I’m using 2 RGs. The parent group (which has the transaction name in it) is as following:
The text itself is ‘current cell’s text’

The other RG is inside RG1 and is as following:
The text itself is ‘current cell’s number’

How can I get the info in each RG cell to correspond with each other – so that each transaction RG cell includes the Name, Amount, and Date? I’m sorry if this question is redundant. All help and feedback is greatly appreciated.

Hi @stefon!

I think what will want is actually a single repeating group, with a Type of content set to transaction, and then text elements within the repeating group for your different fields. For demonstration purposes, I included a source_date as a field on the transaction thing, but it can be whatever you want/have, or you can use the Created Date that is automatically included on every item.

Hey @mebeingken,

Thanks for the response! I just tried that and it’s still populating each text area with every item in the list instead of giving each cell in the RG it’s individual content. Any idea why this may be the case?

Would help a lot if you could post some screenshots, or a link to your editor…usually becomes quite easy to spot the issue that way.

Here is the RG and cells setup:

And here is how the data comes back:

Got it. I see you are using plaid, but perhaps storing the data you get from them incorrectly. Can you post some shots from your data tab? Something that shows the field types and some examples of the data.

Yes, I’m using Plaid’s sandbox mode to test a few things. Here’s an example of how the mock transactions that come back are stored:

Here is how the info is originally saved via the workflow:

Yep, see what you’re doing there. You’ve got the data inserted incorrectly. Basically what you are doing currently is adding all the transactions from plaid into a single transaction in bubble. What you need is a one to one relationship – for each plaid transaction, create a separate bubble transaction.

There are a few ways to tackle this, but my recommendation is to:

  • Create an api endpoint which is used to create a single new transaction. It can be as simple as a having a single action in it, that creates a thing (in this case, a transaction.) You won’t be using “add list” in your create action fields, you’ll be setting each value to = the value passed through in your api endpoint.
  • Trigger an action to Schedule an api on a list. Your list will be the transactions retrieved from plaid. It basically loops through every plaid transaction and sends the values to the api endpoint you created above.

If you’re still stuck, feel free to drop me a direct message and I can walk you through more specifics!

1 Like

Hi @mebeingken and @stefon,

I am aso workign with formatting repeating groups and I was hoping that one f you would know the answer to the below.

I have a repeating group shown below which I would like a certain size that shows the data to clients easily. How do I on the rare occasion create the setting which reduce the size of the RG because there are fewer items.

Put the RG in a group and set it to Ext. Vertical Scrolling.

Hey @rachel.camp900,

I don’t believe there is a simple setting that does what you’d like (a defined max length without having empty rows on smaller lists.) An improvement idea is discussed on this thread.

You can probably get close to your desired effect by having two repeating groups, where the data source of the second one just points to the first one. Set the first one (let’s call it rg small) to Ext Vert scrolling and the second one (let’s call it rg scroll) to Vertical scrolling. You then hide/show based on the count of the data source list. I threw a quick example of this up here. And here’s the editor.

I made rg small with green and rg scroll blue so you can see when it swaps.

Is this what you need?

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.