Bravo Studio Help Center
  • Get started with Bravo Studio ๐Ÿ‘
  • Get Started
    • ๐Ÿš€Create your first app
    • ๐ŸŒŸBravo introduction
      • Get ready to create your app with ChatGPT
      • Create an app
        • Creating an app with Figma
        • Creating an app with Adobe XD
      • Duplicate an app
      • Delete an app
      • Replace linked Figma file
      • The app page
      • Sharing your app
      • Add an editor to your app
      • Fonts
        • Adobe XD - Supported fonts
    • ๐Ÿ“ฑBravo Vision previewer
    • โœจUnlock power features to create interactive apps
    • ๐ŸŽ“Help and tutorials
      • ๐Ÿ“–App guide tutorials
        • Sample app tutorial: Your first binding
        • How to build a Fitness app with Bravo, Xano and RevenueCat
        • Foodgram: Social content sharing
        • Expedition journal: Write and share your adventures
        • My Subscriptions: Display data based on device ID
        • My Notes: using user ID and email from Firebase
        • My Store: Sell physical products with Bravo and Stripe
        • Titan: How to create a Smart Home App with No-Code?
        • n8n: Building an expense tracking app in 10min
      • ๐Ÿ“บLearn with videos
      • ๐Ÿ“šLearn with articles
      • ๐Ÿ—ƒ๏ธBrowse by app feature
        • Save or "bookmark" a page
        • Backend search with Airtable
        • Backend search with Xano
        • Nested lists (list within a list)
        • Create and edit user profile (Firebase + Airtable)
        • Skeleton loader
        • Create albums in your app with Bravo Infinite images
  • Set up your design
    • ๐Ÿ–Œ๏ธGet your Figma ready for Bravo
      • ๐Ÿ—ƒ๏ธStructuring the design: the layer hierarchy
      • ๐Ÿช„Bravo Tags: adding functionality to the UI elements
      • ๐ŸงฑThe container
        • Setting up a container on Figma
        • Setting up a container on Adobe XD
      • ๐Ÿ“ฒApp navigation
        • Setting up app navigation on Figma
        • Setting up app navigation on Adobe XD
    • ๐Ÿ”ŒBravo plugin for Figma
    • ๐Ÿ’พSample design files
    • ๐Ÿค“Best Practices
  • App components
    • ๐Ÿ“’Bravo Tags Master List
    • ๐ŸšชMenus
      • Modal Menu
      • Modal pages
      • Tabs Menu
      • Pop Up pages
      • Slide Menu
    • ๐ŸžPages
      • Modal pages
      • Pop-up pages
      • Swipe page
      • Transitions page
      • Page reveal animations
      • Page tabs
      • ๐Ÿ”ฎStateful pages
    • ๐Ÿ“ฆContainers
      • Swipe to delete
      • Top bar
      • Carousel slider
      • Aspect ratio relative to screen
      • Sortable List
      • Layer (sticky element)
    • ๐Ÿ‘‹Intro & Onboarding
      • Intro page
      • Post-login page (Onboarding)
    • โŒ›Loading experience
      • Loading page
      • Custom loading page
      • No loading
      • Preload
    • ๐Ÿ“Form & input fields
      • ๐Ÿ‘๏ธPassword Visibility Toggle
      • ๐ŸฉทStateful input
        • โ˜‘๏ธCheckboxes (Multiple select)
        • โœ…Required Checkbox
        • ๐Ÿ”˜Radio buttons (Single select)
      • โณInput time Interval
      • ๐Ÿ“„Dropdown selector
      • ๐ŸŽš๏ธSlider control
      • ๐Ÿ—“๏ธCalendar picker
      • ๐Ÿ“„Send form input to a database
    • ๐Ÿ’ŽComponents
      • Autoplay Video
      • GIF
      • SVG Component
      • Web view
      • Web Components using AI
      • Web view communication
      • LottieFile
      • Lottie-animated component
      • Flexible text (Flexo)
      • Zoomable image
      • Component states
      • Stateful component (like button)
      • Setting up the backend of Stateful component (like button)
      • Haptic Feedback (Buzzz)
      • Progress bar
      • Rich text
      • Date, Time and Currency Formatter
      • Scrollable text
      • Text Lines & Truncation
      • Status bar
    • โšกMobile actions
      • Mobile Actions
      • Play audio
      • Record audio
      • Play video
      • Scan QR code (external URL)
      • Scan codes (remote action)
      • Search & filter
      • Refresh page
      • Share location
    • ๐Ÿ“ฑApp Icon & Splash Screen
    • ๐Ÿ—บ๏ธMap with markers
    • ๐Ÿ“ˆCharts
  • Data and Backend
    • ๐Ÿ—‚๏ธSet up a no-code backend
      • Xano
        • Nested lists (list > list > detail page) with Xano
        • Create a bookmark functionality with remote actions and device ID with Xano
        • Multi-user setup with Xano
        • ๐Ÿ”’Setting up the Xano Log in Snippet
          • โ™ป๏ธRefresh Token
      • Airtable
        • Nested lists (list > list > detail page) with Airtable
        • Sort list with Airtable
        • Connect multiple tables from Airtable to one app
        • Update Airtable's API key to Access Token
      • Backendless
      • Bubble
      • Notion
        • Getting data from a Notion table
      • Firebase
        • Getting data from Firestore
    • ๐Ÿ’พSet up API requests
      • Set up from scratch
        • Airtable
          • Set up an API GET request for list page - Airtable
          • Set up an API GET request for detail page - Airtable
          • Set up an API POST request - Airtable
          • Set up an API DELETE request - Airtable
        • Xano
          • Set up an API GET request for list page - Xano
          • Set up an API GET request for detail page - Xano
          • Set up an API PATCH request - Xano
          • Set up an API POST request - Xano
          • Set up an API DELETE request - Xano
      • Using GraphQL body type
      • Set up with API wizard & importer
        • Using the Airtable API Wizard
        • Using the Xano API wizard
    • ๐ŸŽฒVariables
      • Built-in variables
      • Set Variable
    • ๐Ÿ“šData Collection & Binding: Complete Collection
    • ๐Ÿ—‚๏ธPagination
    • ๐Ÿ›Debugging API issues
      • โš™๏ธDebugging requests in the API Collection
      • ๐Ÿ“ฒEvent logger
      • ๐Ÿ”—Link property
  • Data binding
    • ๐ŸคData binding types
      • API binding types
      • Bind multiple API requests to one screen
      • How to connect my API to a mobile actions
      • Remote actions: trigger an API request with a UI element
    • ๐Ÿ’กDisplay data in your app
      • Bind data to design for a list page
      • Bind data to design for a detail page
    • ๐Ÿ†•Create data from your app
    • ๐Ÿ—‘๏ธDelete data from your app
    • ๐ŸšฆConditional Visibility
    • ๐ŸŽ›๏ธConditional Actions
  • Integrations & Settings
    • ๐Ÿ–‡๏ธDeep Links
      • ๐Ÿ–‡๏ธDeep Links for Bravo Vision
      • ๐Ÿ–‡๏ธDeep Links for published apps
      • ๐Ÿ–‡๏ธTroubleshooting Deep Links
    • ๐Ÿ””Push Notifications with OneSignal
      • How to get a Bravo page URL
    • โš™๏ธFirebase Configuration
    • ๐Ÿ”User Authentication
      • ๐Ÿ”‘Authentication with Kinde and Xano
      • ๐Ÿง™๐ŸฝAuthentication with OAuth 2.0
        • Using social logins to authenticate users
        • Using AWS Cognito to authenticate users
        • Connecting to Spotify API
      • ๐Ÿ“ฒUser login with Firebase
        • โœ‰๏ธEmail and password Login with Firebase
        • ๐Ÿ“žPhone Login with Firebase
        • ๐ŸŽSocial Login with Firebase
        • ๐Ÿ‘ปAnonymous Login with Firebase
      • โ›“๏ธAuthentication with custom backend
        • Set up Xano as your user authentication backend
    • ๐Ÿ’ฐStripe: One-time Payment
    • ๐Ÿ’ฌChat: CometChat
    • ๐Ÿ’ธRevenueCat: In-app purchases and subscriptions
    • ๐Ÿ“‰Bravo Analytics
    • ๐Ÿ“ณFacebook App Events
    • ๐Ÿ“ŠGoogle Analytics
    • ๐ŸŒMultilingual apps
    • ๐Ÿ•ธ๏ธHow to connect with Webflow API
    • ๐Ÿ“กNFC connection
    • ๐ŸŽฏAdmob
  • App Publication
    • ๐Ÿš€Publishing your app
      • iOS Publication: Complete Process
        • 1. Generate Certificates, AppIDs and Provisions
        • 2. Get the IPA
        • 3. Upload IPA to App Store Connect
        • 4. Test your app on TestFlight (optional)
        • 6. App Store publication
        • 7. Updating an app in the App Store
      • Android Publication: Complete Process
        • 1. Create a Keystore File (optional)
        • 2. Get the Debug APK to install
        • 3. Install the Debug APK in your device
        • 4. Get the AAB (Android App Bundle) file to publish
        • 5. Google Play publication
        • 6. Updating an app in Google Play
      • Android APK Installation Guide
      • Rejection from the app stores
    • ๐ŸŽ›๏ธMaking changes to your app after publication
    • ๐Ÿ›๏ธVersioning
    • ๐ŸŒŸApp rating alert
  • Good to Know
    • ๐Ÿค”Troubleshoot
      • Errors when logging in
      • Errors when creating an app
      • Errors in API requests
        • Request timeouts on Bravo
      • Errors after importing
      • Errors in publication form
    • ๐Ÿง‘โ€๐Ÿ’ปManage your account
    • ๐Ÿ’ณBilling
      • Bravo Subscription Plans Overview
      • App Add-ons
      • Upgrading a plan
      • Downgrading a plan
      • App allowance
      • Invoices & payment method
      • FAQ
    • โ“FAQs
      • About Bravo Studio
      • Importing a design file
      • Bravo Vision
      • Bravo Tags
      • API & Data Library
      • Login & Account
      • Other Features
  • NEED SOME HELP?
    • ๐Ÿ“–Bravo Support Guide
    • ๐ŸคJoin the Bravo community
    • ๐Ÿค–Bravo Assistant
    • ๐Ÿ‘ฅProduction support
    • ๐ŸžReport an issue
Powered by GitBook