Skip to main content
← Data, API & Backend
Data, API & Backend May 21, 2021 · 5 replies

Issue with Dynamic Listing

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

Screenshot 2021-05-21 at 19.31.04.png

image.png

image.png

Hello everyone,

I am using Figma for design and dataset using airtable. I have followed the tutorials for dynamic listing cards, in my case, I am trying to create a list of hotels and display it dynamically but in my case they are being listed but one card is listed per page need to vertical scroll to the next page, very new to this forgive for being naive or missing something. Attached my screenshots for reference, any help would be great. Not sure if it is a design issue or they way I am pulling the data

5 replies

Javier Felipe Bravo team May 25, 2021

Hi Aven! It would be useful to see your design file, this might be due to some misconfiguration there. Also, make sure there are no empty rows in your Airtable table, because this might cause the data to be displayed wrong. Thanks for the post!

Aven May 26, 2021

Please find the attached design figma file, there are no empty rows in airtable.  do let me know if you can help me guide in the right direction. 

Sample1.fig

Javier Felipe Bravo team May 26, 2021

Hi ! I checked your Figma file, and you have the container frame taking almost all the screen height. The container will replicate as many times as data items you receive from the API, that's why each card is taking the whole screen height. To solve it, make the container as big as you want the card elements to be.

Aven May 26, 2021

Hi I have done as advised but it is still the same result. Attached screenshot as well with container selected, also this is an iPhone 8 frame, not sure if that is something which is causing the issue. 

Screenshot 2021-05-26 at 20.55.47.png

Sample1.fig

Javier Felipe Bravo team May 28, 2021

Hi ! Could you send me your Bravo project URL via DM, so I can test it? Also, I saw you have written the [container] tag with a capital C, it must be written with small letters

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