Bravo Tags Master List
Copy and paste these tags into the layer names in your design file and see your app come to life with Bravo Vision.
Last updated
Was this helpful?
Copy and paste these tags into the layer names in your design file and see your app come to life with Bravo Vision.
Last updated
Was this helpful?
Speed up your Bravorizing process with our ready-made UI presets.
Element = the app element created from the tag
Bravo Tag = the tag itself
Layer Type = the type of layer you can place this tag on
Tag Type = Bravo categorization of the tag
In order to properly display your content, you must enclose it within a container tag. Additionally, if you wish to repeat this container tag multiple times, you can use it to create a list of items.
The container defines blocks of an app page by their distinct behaviors. 👉 Where to label the tag: 2nd-level container
Slides a collection of containers horizontally. Each tag is a different animation.
👉 Where to label the tag: 2nd-level container
A screen that slides in from the bottom and covers 100% of the previous screen. Not scrollable. Swipe down the screen down to close.
👉 Where to label the tag: Top-level app page
A screen that pops over your other app pages. To close the popup will require the [action:close] tag
👉 Where to label the tag: Top-level app page
Displays an Intro screen of your choice: 1) every time the app user opens the app or 2) only the first time
To close the intro will require the [action:closeintro] tag
⚠️ DO NOT link the element that triggers the close action to any page. For example to HOME page
👉 Where to label the tag: Top-level app page
An audio-less video that autoplays when a user is on the app screen. The video will replace the content of the rectangle. Supports URL ending in .mp4.
👉 Where to label the tag: Inside a container frame in a Rectangle shape (3rd level)
Create an interactive map component with custom markers
To create the interactive map:
To create the map as a fixed image with the markers, not movable or zoomable:
To specify statically the centre of the map and the zoom value:
To require location permissions to the user in a certain app screen (place the tag in the top-level app page):
To create a custom marker:
👉 Where to label the tag: Inside a container frame in a Rectangle shape (3rd level)
A GIF will replace the content of the rectangle.
👉 Where to label the tag: Inside a container frame in a Rectangle shape (3rd level)
2nd page slides over current page with a parallax effect.
Transition direction
👉 Where to label the tag: Top-level app page
Plays the MP3 audio track. When this element is visible, the pause element will be invisible, and vice versa.
Replace URL with an actual URL ending in .mp3
📍 Where to add the tag: Any layer, except top-level and container.
Adds a dots indicator at the bottom of the slide element, with the specified color (use HEX code). Place it on the same layer as the [container:slider] tag.
A group with this tag cannot be bounded, please ensure it consists of a single element.
🚧 This page is under construction, full Master List here: