Bravo Studio Help Center
Search…
Bravo Studio Help Center
Get started with Bravo Studio 👏
Get Started
🗂
Navigating Bravo Studio
📱
Bravo Vision previewer
✨
Unlock power features to create interactive apps
🚀
Create your first app with Bravo
Set up your design
🖌
What is bravorizing?
🗃
Structuring the design: the layer hierarchy
🧱
The container
🪄
Bravo Tags: adding functionality to the UI elements
📲
App navigation
💾
Sample design files
🤓
Best Practices
Bravo Tags
📒
Bravo Tags Master List
🚪
Menus
📦
Special containers
🔮
Special pages
📝
Form & input fields
🧩
Interactive component
⚡
Mobile actions
Play audio
Play video
Scan QR code
Search & filter
Refresh page
Share location
📱
App Icon & Splash Screen
Set up your backend
🗂
Set up a no-code backend
💾
Set up API requests
🐛
Debugging API issues
🎲
Variables
📚
Data Collection & Binding: Complete Collection
Data binding
🤝
Data binding: connect API data to design
💡
Display data in your app
🆕
Create data from your app
🗑
Delete data from your app
🚦
Conditional Visibility
Integrations
🖇
Create deep links for your app
🔔
Push Notifications with OneSignal
🔐
User Authentication
💰
One-time Payment with Stripe
🌐
Multilingual apps
🗂
Pagination
App Publication
🚀
Publishing your app
🌟
App rating alert
Resources
📺
Learn with videos
📚
Learn with articles
🗃
Browse by app feature
💡
App tutorials
Good to Know
🕺
What's new
🤔
Troubleshoot
🧑💻
Manage your account
💳
Billing
❓
FAQs
🤝
Join the Bravo community
Powered By
GitBook
Refresh page
Refreshes a screen connected to external data.
👉
The Tag
This set of tags allows to refresh a screen connected to external data, performing an API request and updating the data.
Pull to refresh
Refresh when opening
Refresh once
Refresh every X seconds
[refresh:pull]
The screen is refreshed with a pull-down gesture.
📍 Where to add the tag:
The top-level app page.
[refresh:always]
Every time the page is opened, a remote call is done and the data is updated.
📍 Where to add the tag:
The top-level app page.
[refresh:once]
Default behaviour. Remote (external data) pages are called once, the first time they are opened.
📍 Where to add the tag:
The top-level app page.
[refresh:interval:<seconds>]
Once the page is opened, a remote call is done every <seconds>.
📍 Where to add the tag:
The top-level app page.
This feature is useful for any external data that changes often (i.e. real-time stats, attendance list, collective entries, etc.).
🏷️
How to add the tag
1. Create an app page design. Make sure you add container(s) as needed.
2.
Paste
the tag into the layer name of the
top-level app page
.
3. Import Figma file to Bravo.
4. Set up your
binding
as usual. You can use the
example request below
to get sample data.
5. Preview on Bravo Vision. 🚀
💾 Example files
Duplicate the files below to see how to set it up!
Bravo Tags Cheat Sheet
Figma
Example request
: Use this request URL to get sample data for the example app above.
This API updates the stock price every minute, so wait at least a minute between each pull to refresh to see the price change.
https://finnhub.io/api/v1/quote?symbol=TSLA&token=brhpek7rh5re1lpb2gl0
Previous
Search & filter
Next
Share location
Last modified
11mo ago
Copy link
Outline
👉 The Tag
🏷️ How to add the tag
💾 Example files