Web view - Bravo Studio Help Center

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

Bravo Tags: adding functionality to the UI elements

Bravorizer (Bravo plugin for Figma)

Sample design files

Bravo Tags

Bravo Tags Master List

Special containers

Form & input fields

Interactive component

Component states

Flexible text (Flexo)

Map with markers

Stateful component (like button)

App Icon & Splash Screen

Set up your backend

Set up a no-code backend

Set up API requests

Debugging API issues

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

App Publication

Publishing your app

Making changes to your app after publication

App rating alert

Resources

Learn with videos

Learn with articles

Browse by app feature

Good to Know

Manage your account

Join the Bravo community

Powered By GitBook

Web view

A web page will replace the content of the rectangle.

👉 The Tag
This tag creates a webview that will replace the content of the rectangle layer where the tag is placed. You can use any public URL.
📍 Where to add the tag: A rectangle layer
//The tag:
​
[component:web-view:URL]
​
//In case you want to bind the URL to API data:
​
[component:web-view]
​
//Sample tag to try:
​
[component:web-view:https://goo.gl/maps/Ub6fY9x8a9DCpdSx8]
🏷️ How to add the tag
    1. Copy the tag.
    2. Paste the tag into the layer name of a rectangle shape.
    3. Replace the placeholder URL with your own (or try our sample tag). 
    4. Apart from indicating the URL in the Figma tag, you can bind a URL to API data, in the Data Binding section.
    5. Import to Bravo & preview on Bravo Vision 🚀 (If you imported the app before, you just need to press the button Update in Bravo Studio to see the changes)
💾 Example files
Duplicate the files below to see how to set it up!

Multi-user setup with Xano

Last modified 6mo ago

Copy link

On this page

👉 The Tag

🏷️ How to add the tag

💾 Example files