Data Sources

Experience level

This core reference entry is suited for beginner-level builders to intermidiate level builders.

In-depth articles (12)

To learn about this topic more in-depth, we recommend reading the suggested articles below:

Data

• Article series: Data

  • Article: The database Understanding the Bubble database, and how to work with data.

  • Article: Files Uploading, downloading and securing files.

  • Article series: Static data

    • App texts Translating your app's static texts.

      • Option sets

  • Article series: Temporary data

    • Article: Custom states Saving data temporarily on a page or element.

      • Article: URL parameters Saving and reading data from the browser's URL bar.

---

Dynamic expressions

When you work with data in Bubble, you'll often be relying on dynamic expression to load, aggregate and manipulate it in different ways. The article below explains how dynamic expressions work.

Article series: Dynamic expressions

---

The Data tab

The Data tab in the Bubble editor is where you view and manage your app's data types and data, as well as other categories of data like files and option sets.

Article: The data tab

---

Securing the database

Database data is protected server-side by using privacy rules. These are conditions that are automatically applied every time a user tries to access a specific data type/field.

Article: Protecting data with privacy rules

Videos (4)

• Bubble Academy: The Data Tab: Bubble Introduction Series [7/10]

• Bubble Academy: How to Add a Data Type as a Custom Field | Bubble Quick Tip

• Bubble Academy; How to Instantly Modify Data With Autobinding | Bubble Quick Tip

• Bubble Academy: How to Name Your Data Types & Fields | Bubble Quick Tip

• Bubble Academy: How to use the Do a search for expression (finding data in the database)

• Bubble Academy: How to use search constraints

• Bubble Academy: How to use Ignore empty constraints

Data sources are where you get your data from when building a . It is going to be the first section of the expression. Sources of data can be the current user, a search from the database, data from an external API, some page and browser information, etc.

Current user

This represents the current user using the app. The user can either be logged in, in which case you have access to their email, etc., or logged out. If the user is logged out, you can still modify the user object, but once the user closes their browser, you will not be able to access the user's information.

Signed up users

If a user has signed up to Bubble, a permanent entry is created in the database using this email and password. When a user opens your app in a new browser (without cookies) and enters their credentials through a login workflow, they will be logged in.

The value of Current user is logged in will return yes. If you modify the current user, this will be saved permanently on the database object, and if the user logs in on another device, he/she will have the changes applied to his account there as well.

One important consequence of this is that all users that can be found through searches in the database will be marked as 'logged in' on the server, as they are permanent accounts.

Temporary users

As soon as a Bubble app is opened in a browser, a user session is created. If a user already logged in and hasn't cleared the cookies, the session will be using the same user as before, but in the case of a fresh session (without a logged-in user), a temporary user will be created. This user will be marked as 'not logged in' (in other words, 'Current user isn't logged in' will return yes).

The temporary user behaves like a signed-up user, in the sense that you can modify them, and it will be saved to the application database. If a user comes back using the same browser and hasn't cleared the cookies, any value that you have used to modify a field on the user will be the same. Bubble automatically clears temporary user data. After three days, such a user will be deleted, and when a user opens a session in the same browser, a new temporary user will be created, for three days.

When a user first visits an application, they will be seen as a temporary user. If they go through a sign-up workflow, the current temporary user will become a signed-up user and will be saved permanently in the database. This has some important consequences in terms of workflow design. Imagine you have a workflow that asks a user for their age before they sign up and saves it to the 'Current user'. If the user effectively signs up within three days, the permanent user that will be created then will have the same 'age'.

Do a search for

Our Academy quick tip on how to do a search for your data source

Use this to search for entries in the application database. Define what type of things to look for, which will either be User or a custom data type defined by you, and also specify a sorting order and constraints. The constraints can be on any field, such as name contains 'peter,' address is within 1 mile from the 'User's current position,' etc.

Element data sources using Do a search for are synchronised with the database in real-time. This means that any changes happening in the database, even if made by another user, will be immediately visible in your app.

There's no need to manually update searches. The exception is if the initial search was fetched in a workflow.

Perform a search using Algolia

Use this to search entries in your Algolia indices. Define the type you want to search across and what field to query, as well as the query itself

Get an option

Get either a specific option from any option set, or a list of all options from that set.

Arbitrary text

Use this to manually enter a static or dynamic string of text. The text entered will resolve to type Text and can be further modified with any of our text type operators.

Arbitrary date/time

Use this to manually enter a date/time. Most human-readable formats can be parsed.

Get data from an external API

This option fetches data from the outside world through one of Bubble's Plugins. For example, Google Places returns a list of places based on an address and a term, i.e., what you're looking for. Usually, an API call will require parameters. Define what they should be in the Slidable Palette. These parameters can be dynamic, using 'Insert dynamic data.'

The type of data this source returns depends on the plugin. It can be a list of places to display on a map or in a repeating group, a single entry to display in a group or text, etc.

Parent group's thing / Current cell's thing

This is a way to refer to the Parent element's value. For example, when using a repeating group that displays a list of users, each cell will have a different user in it. The Current cell's user will represent that user. The type is the type of content of the container.

Current cell's index

This allows access to the number of the current cell in a repeating group. The first cell will be 1, the second will be 2, etc. This is useful to display a rank or change the formatting of some elements based on the number.

Current page thing

If you have set up a page to have a type of content, this source is a way to refer to it. For example, when building a rental marketplace, you will likely have a page with the details of each apartment. This page will have a type of content 'Apartment,' and then a link will open that page sending a given 'Apartment' to it. Refer to the 'Current page's apartment' with this option. Then, you will have access to all the data that the apartment has, such as picture, address, etc.

Element

This source is a way to refer to an element and access its states, like hovered, value, etc. For example, this is how to get an input's value.

This element

This source is a shortcut to find the current element being editing. You then have access to its states.

Result of previous step

This is a way to refer to the result of a previous step/action in a workflow. For example, when using a 'Create a new thing' action to create an 'Apartment,' the subsequent actions will be able to refer to the result of step one and use the new 'Apartment.'

Current Workflow thing

When using custom workflows, you may want a workflow to modify an object you sent to it. The Current Workflow thing is this object. Its type will be the type of the custom workflow being used.

Thing now

Thing Now represents the new state of the data after a data change, used in the context of a data change trigger workflow. It's up to date with the latest state of the thing and can change over the course of the workflow.

Thing before change

When the data changes, you may want to access the old state of the data throughout your data change trigger workflow. Thing Before Change is the data from before the data change.

Get data from page URL

This source is a way to capture the value of a parameter in the URL of the current page or path. For example, the current page's URL is yourdomain.com/yourpage?age=23 Set the source to get the 'age' parameter, and in Live mode, that will return 23. When specifying a parameter, it is case sensitive. We recommend using all lowercase and avoiding special characters, spaces, etc.

If you select path, you can retrieve hello in the URL yourdomain.com/yourpage/hello. Choose the type of data that this parameter should have, and then use this data as such in the Bubble Editor. If you choose a type of data that is a custom type or the type User, the value of the parameter in the URL should be the thing ID, not its slug. Caution: This is an advanced feature.

Note: Because URLs only allow some characters, special characters are encoded with a percent symbol preceding an identifier for that character. For example, spaces may become "%20" in the browser.

When using the Get data from page URL operator to extract a parameter with a space in it, we will return the parameter as it appears in the URL, not as it is normally written . For example, we we wanted to extract the value of "param" from the following URL:

website.com/mypage?param=my%20parameter => my%20parameter

However, when using the Get data from page URL operator to extract the path, we will return the path parsed as it is normally written, not as it appears in the browser. For example, if we wanted to extract the path from the following URL:

http://website.com/mypage/this%20path => this path

Current option/thing

Some elements allow access to the current option. For example, when using a dropdown element with dynamic options, e.g., users, you want to define how to name the different options. Choose 'Current option's email' to have the dropdown menu show a list of the users' emails.

API workflow parameters

These are the different parameters the API workflow has access to. When working on an API workflow, define parameters at the Event level with a value. Choose the relevant entry in the top section of the dropdown menu to access the value of the parameter.

Calculate formula

Note on inputs: any inputs referenced in the Calculate formula properties will automatically change to decimal.

This data source opens up for some more sophisticated numerical calculations, like loan interests.

Calculate loan payment

Calculate loan payment gives access to the following fields:

1. Rate: The annual interest rate of the loan.

2. Nper: The number of periods. This refers to the total number of payments to be made on the loan.

3. Pv: Present value. This refers to the principal amount of the loan—the total amount of money being borrowed.

This returns a .

Coordinates to address

This formula converts graphic coordinates into a humanly-readable address (sometimes known as reverse geocoding). It gives access to the following fields:

1. Latitude: Latitude specifies the north-south position of a point on the Earth's surface.

2. Longitude: The longitude specifies the east-west position of a point on the Earth's surface.

Coordinate format

Bubble uses the Google Maps API to convert coordinates to addresses. The coordinates have the following format:

• Latitude: Values are between -90.000000 and 90.000000. Negative values represent latitudes south of the Equator, while positive values represent latitudes north of the Equator.

• Longitude: Values range from -180.000000 to 180.000000. Negative values are longitudes west of the Prime Meridian, and positive values are east of the Prime Meridian.

This returns an .

Generate random string

Note: strings generated with the Generate random string formula are not .

This data source generates a random string, with the length, and consisting of the type of characters, that you assign in its settings.

• Use letters: the string will randomly contain English letters from A-Z

• Use non-capitalized letters: the characters in the string will vary randomly between capital and non-capital letters

• Use numbers: the string will randomly contain numbers

• Use special characters: the string will randomly contain characters like @ and $

This returns a text string.

Calculate sumproduct

In a sumproduct calculation, corresponding numbers from two lists are multiplied together, and the resulting products are then summed. For example, if List 1 is $[a,b,c]$ and List 2 is $[x,y,z]$, then the sumproduct is calculated as $ax+by+cz$.

You can spell out the formula like this:

$$a  1 ​  ×b  1 ​  +a  2 ​  ×b  2 ​  +⋯+a  n×bn$$

For instance, let's assume a list a and b.

• a = 1,2,3,4,5

• b = 6,7,8,9,10

This would result in:

$$1×6+2×7+3×8+4×9+5×10$$

Calculating each term, we get:

$$6,14,24,36,50$$

Adding these together gives the sumproduct:

$$6+14+24+36+50=130$$

This operation is useful in various quantitative fields such as finance, statistics, and data analysis, where it can be used to perform weighted calculations and other similar tasks.

• List 1: expects a list of numbers

• List 2: expects a list of numbers

This returns a .

Page data

This source allows access to the page information.

Website home URL

This returns the home of the app. If the user is on https://yourdomain.com/a_page, it will return https://yourdomain.com.

This URL

This returns the exact URL of the current page.

Tip: If you use this as a data source on your live app, use this on yourdomain.com rather than yourdomain.com/version-live/ to prevent /version-live/ from being included in this link.

Current language

This returns the current language the app is using. This can be controlled in a few ways, by order of priority: – lang parameter: Set &lang=english, for instance, as a querystring in the URL. – A field on the current user: If you set a field in the Languages section in the Settings Tab and modify this field for the current user, this value will be the current language. – The app's primary language: Defined in the Languages section in the Settings tab. In each case, if the value returned is not one of the available options as shown in the dropdown menu in the Languages section in the Settings Tab, the next option will be used.

Current page name

This returns the current page name. Use it in reusable elements, so that the element can have knowledge of the page it is used in.

Website admin email

This returns the admin email of the app. Without a paid Bubble plan or domain, the email will be [your-appname][e-mail]. With a paid Bubble plan and domain, the email will be what is set in the Domain & Email section in the Settings Tab. Use this instead of hardcoding the email because it can change over time, such as signing up for a paid Bubble plan.

Current date/time

This returns the current time on the user's computer. The type is date.

Notes:

• In Bubble, time/date data always includes both the time and the date. This means that the “Current date/time” data source returns the precise date and time at the moment it is executed.

• This data source captures the exact time at which it is called and does not update automatically. To get the current date and time again, you must call the data source anew.

Current geographic position

This returns the current geographic position of the user, provided it is shared. The browser will prompt the user to do so. The type is geographic address.

Using Current geographic position relies on the user enabling geolocation in their browser. In many browsers, this is disabled by default. As such, you want to instruct the user to enable location data in their browser settings.

Link to Google maps

This data source is used after a valid geographic address value, and returns a URL to Google maps, pointing to the specific address.

Current page width

This returns the page width in pixels.

Current page scrolling position

This returns the number of pixels between the top (0) and current page scroll position in pixels.

Page loaded above fold

This returns no/false initially, and then true when every element is visible above the fold, i.e., visible given the height of the user's web browser and has finished loading any data needed to display it.

Use this to selectively cover things up until the entire page is ready to be displayed to avoid ugly loading artifacts.

Elements that are invisible on page load may not start loading until they are made visible, regardless of where on the page they are located.

Page loaded (entire)

This returns no initially, and then true when every element is visible on the page and has finished loading any data needed to display it. Use this to selectively cover things up until the entire page is ready to be displayed to avoid ugly loading artifacts.

Elements that are invisible on page load may not start loading until they are made visible, regardless of where on the page they are located.

Is Dev environment

This returns yes when the app is in any of the Development .

Branch name

This returns the current name. The Main branch is always called version-test.

Application Text

When handling more than one language for the app, define Text IDs and use them in the Bubble Editor. Then, set the language in the Languages section in the Settings Tab.

Incompatible type for inputs

If an input doesn't have the right type of data, you will not be able to choose it in the dropdown menu. For example, when you want to do a search on the creator of the thing you're searching and want the creator to equal the value of a dropdown menu that lists users.

If you haven't set the type of the dropdown element to user properly, you will not be able to select it. The way to select it is to change the type of element at the Dropdown element level.

Current workflow error's

code

The current workflow error's code data source becomes available when you use the An unhandled error occurs or An element has an error running a workflow events. The data source can be used to determine which error is being returned.

message

The current workflow error's message data sources becomes available when you use the An unhandled error occurs or An element has an error running a workflow events. The data source can be used for purposes such as displaying the error on the screen or saving it in the database.

You'll find a list of all workflow error codes, as well as their error message, in the Settings - Language tab. Here you can also change the message being displayed.

The code data source is static in all circumstances, as opposed to the message, which can be customized or change if the language in your app changes. Because of this, you should always use the code to identify errors.