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. Set up your API POST request.

2. 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! 😊