openBuild
  • Introduction
    • Introduction
    • The Framework
    • The Library
    • Release Notes
  • Core Concepts
    • Bubble vs openBuild
    • Responsive Design
      • Repeating groups
      • Advanced Responsiveness
    • Styles
      • Typography
      • Colors
      • Groups & Box Shadow
      • Inputs
      • Buttons
      • Style Variations
      • Changing styles
      • Custom CSS
    • Pages
      • index
      • base-menu
      • base-top
      • base-ribbon
      • base-mobile
      • admin
      • verify
      • styleguide
      • terms
      • login
      • reset_pw
      • privacy
      • 404
      • Menu
      • Base Layouts
  • WORKING WITH the framework
    • Getting Started
    • Navigation
      • Go to page
      • Navigation through custom states
      • Navigation through URL parameters
      • Navigation through URL parameters with Option sets
    • Data & Workflows
      • Custom States
      • Custom Events
      • Working with Reusables
      • CRUD
      • Source Popup
      • Backend Workflows
    • Users and Roles
    • Signup, Login, Password reset
    • Security & Privacy
      • Authenticating endpoints
    • Transactional Email
      • Setup Sendgrid
      • Setup Postmark
    • Alerts and Confirmations
    • Customization
    • Best Practices
      • Syntax
      • Color Coding
  • openBuild Library
    • Chrome Extension
  • Framework Elements
    • Menus
    • Option sets
    • Plugins
    • API Connector
    • User Access Management
    • CRUD Floating Group
    • CRUD Popup
    • Data Table
    • Security Redirect
    • Mail management
    • User Settings
    • Header & Footer
Powered by GitBook
On this page
  1. WORKING WITH the framework
  2. Data & Workflows

Source Popup

Declutter your data sources

PreviousCRUDNextBackend Workflows

Last updated 2 years ago

To centralize the management of data points in your app, we default to using a Source Popup. A singular reference point for your data sources. By default, all have this popup.

Group naming should follow: 🚩 Source - [object]. If you want to read more how we name elements read .

Because we follow the convention of using UID in the URL, we can reuse the same parameter as a different source for different data types.

For example, by selecting type Customer in the 'Get from Page URL action, the UID will be recognized as a Customer data type.

Then when loading the User details section we can refer directly to the source. Thanks to the used icon and naming convention, it creates nice visual consistency in the editor's UI, especially when used in workflows and conditionals.

When working with single-page apps, a good practice is to add the 'Reset data' action when navigating to reset the section that displays the data. Bubble sometimes does not overwrite the inputs and group values correctly with new data, especially when new data contains some empty field values which can create bugs when saving the object.

pages
this article
By selecting type Customer, the UID will be recognized as a Customer data type.
Now the same uid text is a Product