Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.
Hey there peeps!
CONTEXT:
I have a detail page in which there is a container with rich text and another container with an image, like this:
Now the thing is that sometimes there will be 1 image, and sometimes 2 or ideally more (the no. of images can also be 0, that's why the image is white; if you think of another solution for this side problem let me know 🙂)
GOAL:
Where I want to go is what's showed here by : https://spectrum.chat/bravo-studio/help-support/creating-a-detail-page-with-differentiating-number-of-images~40562b4a-a87e-4a63-92f1-6242f47880ed
MY BEST TRY:
So, I select the image array in the detail page (in the data library), I go to my data binding and connect the frame to the image array and the image to the image data record; but for some reason I can't get it right.
This is how I tried to call the list within my detail page:
Called the array (.data.records[].fields.Image/table[0]); I've also tried calling the .data.records[] as well just in case but no success)
Bound the container and the element
Hopefully someone can help or give an alternate solution, thanks a bunch! 🙂
*BTW can't share the project URL nor the Figma file here, but of course will do it with the Bravo team if the community can't help with this!
5 replies
How this looks on Airtable, Juan? Did you add all your images to the same field? From where I imagine seeing [0] at your bravo studio project is that this isn’t the case. Please add all the images to the same field and then loop the images[].url field that has the complete address of the image and it will work :)
Btw, well done with the structure of your question ❤️
Hey Karla, thanks for your reply! So this is how it's looking right now, as you can see I have a field with two images in the same record field:
yes, I would rename that name as / is terrible name for a variable. And try with just something like images.
Hi ! If you get stuck with this, feel free to share the project URL and design file with us.
And thanks for the replies ! :)
Wrote something in this thread and want it removed? Request removal
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