The Bubble Data Tab

In this video, we will learn about the Data Tab in the Bubble browser. We are going to add some field with the user’s data type.

The presenter defines fields to be a way to describe characteristics for our data type.

The field is where you save data for a given entry. A field can be text, number, date or a variety of other options are available there on Bubble. If we want to capture a username, we would make a field on our user data type and name it username and have it been field type ‘text’. Moreover, if we want to store the age of user, we would make a field called age and have it been field type ‘number’.

This is because whatever data we enter for this field, we are now setting an expectation of what it must evaluate to.

From 00:53, the presenter creates a new datatype named ‘product’ as if we are customizing our application to be a store. He then defines some fields for this new datatype. The field ‘product name’ should be the type ‘text’. He adds some more fields i.e., price and in-stock or not. Now that we have made a custom datatype.

At 01:21, he navigates to ‘App Data’ sub tab. On the left side, we can see the datatypes for our application. By selecting one, we can view all of the entries or things our application has for that datatype. For example, by clicking on ‘All users’, we can see all the users in our database. This is our development database, so entries we view here will not be visible live. To see our live database, click the top right ‘switch to live database’. If we want to see all our products, we click to view all products. But it looks like we do not have any yet.

At 01:55, the presenter creates a new product entry by clicking on ‘New entry’ button. When he adds a new entry, we see the inputs for the fields that we made for our datatype. From here, it is just a manually fill in the blank. We will give the product a name, price and if it is in the stock. Once we create this, it appears right on our app data. We can then add it and delete it accordingly.

In the next lesson, we will look at all of this in actual action and see an example experience that we can build for our users.