Create albums in your app with Bravo Infinite images

In this tutorial, we're going to demonstrate how you can set up a form to upload an unlimited number of pictures. Now in Bravo you can create a "loop" that allows users to submit a form and return to the same screen to repeat the process.

Here's what you'll need to do:

  1. Design a form with an image input and a submit button. Add a [refresh:always] tag to ensure the screen refreshes every time itโ€™s opened.

  2. Design a modal containing an โ€œupload more picturesโ€ button and link it to the main form.

  1. Bind the form to the request and upon the form response action, select โ€œGo to pageโ€ and choose the โ€œModalโ€ page.

  1. Additionally, enhance the user experience by adding a slider container to display the uploaded images.

  2. You can also add a delete icon with an [action:remote] tag binded to a Delete API request to removing images.

  1. And thatโ€™s it! Test it with Bravo Vision.๐ŸŽ‰

Example file

Duplicate his Figma file and give it a try!

We hope you find this tip helpful! Do you have any other trick that you want to share with us? Please feel free to share your thoughts in our Bravo community! ๐Ÿ˜Š

Last updated