Skip to main content
← Data, API & Backend
Data, API & Backend November 9, 2021 · 5 replies

Can you connect a detail page with a list from a map click

Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.

So this might be way to complicated for air table & bravo but I am trying to figure it out...

I am building a music streaming platform. 

The user will enter in to the home page with a map that locates all musicians. Once clicked on a pin, the user will be directed to that musicians "profile" where there will be displayed some brief info about the musician and a list of their music (with options to save the music and see more info on the music such as producers, etc.)

Where I am getting stuck is being able to bind that musicians music in a list format on their detail page. I don't have a visual workflow at the moment. Let me know if you need me to expand on anything.

5 replies

Javier Felipe Bravo team November 9, 2021

Hi ! You can do this by creating a list container inside of the detail page - even if it's a detail page for the musician, it can still contain lists :) Then, you need to bind this container to a list with the music data. This list must come inside the musician's detail request.

Brenna November 9, 2021

Hey! Okay cool, so if I have the music data in Airtable, how do I set it up so that bravo is calling that clicked musicians music.

For instance, If I put all of the artist info on airtable including their profile picture, bio, wouldn't I have to store their music on another table so that bravo will display them in the list format?

If yes, then how do I call that list of music once an artist is selected? The information would have to be nested somehow?

Javier Felipe Bravo team November 10, 2021

you could use Airtable's linked records for that. For instance, having an Artists table, and a Songs table. In the Songs table, there would be a linked record indicating to which artist that song belongs. Then, you can use filters in the API request to return only the songs that belong to a certain artist.

We created a tutorial some time ago using these linked records and filters, you might find it helpful for your app as well: https://docs.bravostudio.app/bravo-studio-help-center/connnec-api/data-library-connecting-to-apis/airtable-nested-lists-with-airtable-list-list-detail-page

Brenna November 14, 2021

Okay, I have followed the steps to do this. My next barrier is, I am trying to Bind the List detail page to the map marker. Is this possible? 

For example, if you click on a map marker that will be clicking on an artist, that will then bring you to their list of music and bio.

I am trying to trouble shoot how the data is received.

sven February 17, 2022

Hey Brenna,

I'm trying to do something similar -> an interactive marker that displays the details of the location clicked. I'll let you know if I find anything!

Wrote something in this thread and want it removed? Request removal

Still stuck?

Ask the community on Discord

This archive is read-only. New questions, office hours and product updates now happen in the Bravo Discord.

Join the Discord