Repeating Group - Select a row, fields

Hi All,

Apologies in advance for this basic question. I searched through the forums and the reference guides, and could not find the answer.

I have defined a repeating group, that fetches and displays data from a thing “Flight”.The display is working fine, it is displaying the fields on multiple rows.

Flight Number, Departure Airport, Arrival Airport

The next step in the user flow is for the user to select a row.

How can I get the user selection and use it?

I tried adding a check box to the repeating group - one checkbox for each row - but bubble does not seem to have an option like “If the checkbox is selected then pick the following values from the selected row . . .”

I guess that this is a fairly standard use case with repeating groups. I tried the various options available on bubble but was not able to figure this one out.

Any help on this would be much appreciated!

Cheers!

1 Like

I add a button with no background over top of the whole repeating group. Then you can add workflow to the button.

Hi Keith,

Thanks for your help!

I tried following your instructions, but I’m kind of stuck .

On the bubble Open app for forum questions, I have created a page with a repeating group and connected to a “thing” called Flight.

You can view and edit it here . . .

Screenshot below:

There are 3 fields:

  1. Flight Number: Text

  2. Departure Airport: Geographic Address

  3. Arrival Airport: Geographic Address

As you can see, I have added a button “Select this Flight” in the repeating group. When the user clicks on this button, I want to get the departure airport - latitude and longitude. I’ll use this information for other downstream processes.

How can I do this?

Hopefully, you can make the required changes directly in the bubble Open app?

Cheers!

Sorry, I thought you were trying to navigate to a page from the repeating group. For that you could have used the button and said “when clicked, go to page” and then put in the flight page in the ‘Destination’ property and the ‘Data to send’ would have been “Current cell’s Flight”

Are you storing the LAT and LONG? If not, you may want to use an API to make it easier to search for that info.

https://developer.flightstats.com/

I’m not sure what you’re trying to do downstream or if that means you’ll go to another page, but one option would be to store the LAT and LONG in a ‘Custom State’ using the ‘Set State’ action. You can create these in the workflow, but they are only good when you’re on the page.

1 Like

Hi there,

Many thanks for your detailed feedback and help on this. It is very much appreciated!

I tried what you suggested and it is working for the web application.

The bubble Open app is as always available here

When a user clicks on “Select this Flight” it takes them a different page which shows information of the selected cell.

Once again thanks!

I trying to get this to work as a native mobile iOS app. So I cannot use the “go to page” (and send data) option. The only way I can move the user forward in the flow is by showing or hiding groups and user interface elements.

I have added a group on the page (in GREEN), and I’m trying to use your suggestion of custom states to display the values. It is not really working :frowning:. I don’t know what I’m doing wrong. Any help from your side would be much appreciated.

Overall, for a native iOS app, I’m trying to figure out how I can get the fields from the row the user selected.

Hi there,

Just a quick update.

I was able to get it working as a Native App.

Thanks for your help !

Cheers

madras,
could you please share how you got this working? did you find another help topic or just figured it out?

I to am developing a native iOS app I have a repeating group which shows a list of orders from an external API. I want to select one order and proceed to to another page to view the order details.

Thanks in advance.
Mike

Here is the solution that use. Read the comments because part of the process for unchecking an item in the RG changed with a Bubble update

1 Like