Building Web Apps On Bubble.io No Code | Shane Kluiter | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Building Web Apps On Bubble.io No Code

teacher avatar Shane Kluiter, Knowledge is Power

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

5 Lessons (1h 30m)
    • 1. How to build on bubble intro

      1:52
    • 2. How to build on bubble app planning

      9:11
    • 3. How to build on bubble Part 1 Entering Data, making a table, making a graph

      27:38
    • 4. How to build on bubble Part 2 doing more stuff with graphs and creating dynamic

      33:09
    • 5. How to build on bubble par 3 sending data to pages and editing data

      18:28
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

101

Students

--

Projects

About This Class

Bubble is a visual programming language. 

Visual programming is essentially programming where you build the look of a software and then from this visual representation you are able to create workflows for function.

Advantages of Visual Programming include

  • Faster Implementation
  • Faster Production Minimum Viable Product
  • Easier testing and altering of the solutions
  • Smaller development teams needed
  • Easier access for new programmers
  • No code needed

Learning Bubble.io is a hugely powerful skill. Your business may require unique or expensive tools which you could easily create yourself after learning the basics of bubble.

With Bubble everyone is empowered to build responsive apps that serve a purpose for businesses and consumers. 

What are you waiting for?

Let's start building today!

In this course we will learn the basics of building on Bubble, the concepts behind "things" and how to create "things" for specific functions within your apps.

Meet Your Teacher

Teacher Profile Image

Shane Kluiter

Knowledge is Power

Teacher

Related Skills

Technology Web Development

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. How to build on bubble intro: one of the grace innovations, and SAS is no code tools. Noko tools like Bubble did allow you to go in, and you're able to create your own software online very quickly without learning complex coding. The logic behind it is very similar, but the speed to product and the little complexity is greatly reduced, and you're able to produce things very quickly and bubble that normally would take you a lot of tedious coating. So I got started with Global after I actually failed at coding a few times, and a lot of it just came down to not really being able to identify where I had problems in the code and bubble itself is extremely intuitive and made it a lot easier to really visualize. You know, where was the family logic, what wasn't working that I was trying to accomplish, and I was able to start producing products that actually had a purpose, and I could accomplish a whole lot more of my first month of bubble than I could after a year of trying to really learn code. So what can we do with Bubble in this course? We're gonna explore some of things bubble can do and get you started on your past that you can start creating something, right? So from day one in this course, you're going to be able to go in and create forms and pull data and a report just based on what you're gathering. And in doing so, we're gonna take a look at that data and how to just how we could pull that data into sharps. How you put it into a table really make it useful and easily visualized because you want these tools that we build to be useful. I want them to help solve whatever problem we're trying to dio inside the software. So before the working with you, look forward to talking about this here as we go through, and I will see you in the first lesson. 2. How to build on bubble app planning: before rebuilding app. Need to define what we want the app to do. So you might want to build a CRM or you might want to build an inventory manager tool. Right? What does that look like? Um, how many users are we gonna have? Do we need add mons or redesign? This is something to use internally at our company. Are we designing? This is something that we're going to use for resell to others. Right? And how are those others going to use it? What types of users are there going to be? You may have a happy bill that has different things. Visible toe advance in different things visible to regular users. Right. So we want to make sure we define that kind of structure. He should write this out, visualize it. It can be helpful to even draw out what you want things to look like before you start building. And this helps you to before you start building work flows and everything to understand what your goal is. And a lot of times, if your goal is toe have a visibility like a report, right, it would be helpful to work backwards. So right this out as example. You might want to take time just toe plan. How Dad is gonna move throughout your system, where it's going to be updated if it's updated at all. But you could have it where some things are entered in and they will just be created in the system, right? There's other times where you have things get created in, and those are things that are updated. All right, look, you might have a customer that gets put in, and your customer that you have created in the system is something you wanna have continually updated in case they choose their phone number. The way bubble treats these are by creating things. Things in bubble are exactly sound like it's a thing. I like to imagine them his boxes. So it's a box with a series of compartments inside, right? So our box are thing might be called customer, and this customer will have a Siris of attributes, which would be the compartments inside of the box. And we can put data into each one of those apartments so you have a customer, and that customer could have a company phone number, name or contact name, email, address all these seems associate ID, right? So that customer, would that have all of those kind of slots within the box? That's how I like to visualize. It helps me for kind of thinking about how I want to use this data and how I want to pull that data out for maybe reporting later on. So example, I may be building a business to business app that requires multiple users in the same site . In this case, you need a means of fascinating data available to which fuses to view, right. So maybe we filter this by who created it, but then we only have the creator able to view it. But what the company to view, right? So we filter it by the company that someone's part of right. So anyone who is also part of that company in our system is then going to be able to view the data related and enter data that would go back to relating to this company to be able to do it. It's conceptualizing these thoughts, right? Um, we need to be able to visualize how the dad is going to be entered, right from a planning point. You know, How is it Adam entered? How's it going to be used? How's it going to be altered? And how is it going to be? Um, viewed? Right. So when you start, um, thinking about how you want to view it, how you want to alter it, how you want to use it if you want easily create how you want to enter it. So it's not necessarily a case of creating entry points for putting the static in its oftentimes useful to say, this is what I want to do with this data and that determines how you wanna entered it, right? So there might be fields that you wouldn't initially think that you're gonna wanna put in, Right? So So you have a Siris of forms that you want and you wanna have them created and fields on these forms that will signify quantity. Right. So you then have those numbers of able to be tallied, right? See all these quantities from these forms there tallied, and you can use that data to view quantities that are entered over a period of time in sport, in specific intervals. Right. So I could say from June to July, how many times was a form submitted. But I would also say the total quantity between all of these forms. How many times what's that total? Right. So like each form, that could be 10 forms. But each form could vary between one and 10 on it. Right. So that would give me a big ability to have a number between 10 in 100 to tally up that number. I could take a look at that form, and I can say this box. I want all of the numbers in these calculated together added up to give me a number that I'm gonna show on a graph on that graph. I can show June and July next to each other to easily display what the difference was between the months. This is for measuring right. That's really simplified idea. But it has real application inside of building a business tool so you could track the number of times something is happening within a year or a month or their products you're selling within a timeframe. Ortho number leads that you're gathering in a time frame so you can judge where these leads are coming from and how you want to manage it an example of a type of apathy, easily build would be an app to track, right? Upset your company. Right? So say your company's big. You're starting to actually implement more policies. You develop that point, you having a hard time tracking, you know, disciplinary policy. You've got a lot of people that are actually following the rules. And you want to make sure that tracking this appropriately because now you have rules for ensuring that you're letting go of people who just aren't falling policy. Right? So you track right into the company, you can have fields for which managers that are entering item You contract that manager, you contract employees that receiving the item, what facility it happened in what rules were violated and the dates they occurred. Then we can go. We can use this data right, So you could take a look at your company and you can create forms that are actually gonna are outputs that will actually show. You know, I'm like a grab very easily, You know? How often are staff being written up for being late? Healthcare? Stop being written up for Blaine or whatever else you put in for tracking and you can create dynamic ability, the ability to have users going and create what they want to have track, right? So if they have a series of things that could go when they could put one day, something happens. They didn't think they were ever gonna have to track it. But now they dio they could go and enter that thing. It shows up in a new drop down. They add that to the love form, and now your users are able to track that for their company and run reports that show up right, so that's able to be built in bubble. But you have to plan out what you want to have user ability to do before you actually go and build the function because going to save you a lot of time by having that planned out. Instead of just trying to build everything into a couple of pages, you might find it's better to have five or six pages instead of for two right so five or six pages opposed to two because you're spreading out the visibility of the status, it looks cleaner, it's less cluttered and it gives you the ability to add more when you need to later on. Because even though we're gonna plan this out ahead and it's gonna give us the ability to be kind of ahead of the game in our planning of this app, we're also gonna know later on we're gonna make alterations and we want to leave room for those alterations to still look natural. So we want to plan all this out. It's always good to just say to just take a few minutes before you're going to start building and say, This is the end gold, my app. This is when I want to do I want to create the ability to pull the boards in this app for employees tracking employees, um, write ups, right. We would want the ability to easily view any write ups associated to an employee. How many there are we want probably to track what facilities they're having in the most in in case there's a fist problem at one specific facility. What rules are being violated the most so that we know as a company what once you train on and we want to know if it's seasonal, right? So when we hire a lot attempts in the summer. Are we seeing a huge influence Influx of people showing up late just because we have so many people? Or do we know that in the winter? Because weather is bad? We have people that response showing up on time because weather is bad and we need to work on telling people to leave early to come to work because the weather is bad, you know, it helps us manage a team. Right? So we need to plan out what our goal is for the app before we start. Thank you. Attacking the time to view this training and going forward, and then, actually, we don't actually start building. 3. How to build on bubble Part 1 Entering Data, making a table, making a graph: So bubbles my open a bubble We come to this screen This is going to be enter length screen here we've already collect. Created what kind of apple want to make a very simple We brought a blank one, right? So now what I want to dio is I want to create a input Britain. I want to take the name and the email address of people who are coming to an event on a track. Well, that they went Teoh how I got their information so that I can see throughout the year what events are really worth my time for gathering the gallery participants and seeing how many emails I'm getting so I can see where I'm really getting the most spend for when im going to these events and marketing my company or burning my client's companies so I can optimize for the next round of these events that I'm gonna go and you apply the same type of logic to tracking anything you want overtime and pulling different data into it. So we're gonna look at adding three fields Now, later on, we can go back. We can add different things. We can add dates. You can add all kinds of stuff for this that you can pull tad on any field that you want to put in here. We're gonna work on how to actually make those things you can pull reports on. So make a series of inputs that push input down here input form, and I'll draw there. I need three of these because I'm gonna have three text inputs. A little bit small, but expats super easy right here. It's really nice. Bubble is it will actually draw little lines down the last of back up. Where is he? Right, so it won't listen to be email. So I'll put that in the placeholder here and the text type right here for this. I want to do email because it's going to be any amount. Um, here, I will just do last name, and here I will do so. I've got some inputs, but I also want tracked the events that were going to write the units that people are coming in from, so I wanna have it set. So I know that this person I want to track, so I need a drop down. Okay, so I create this drop down it, but that here But now my drop down needs its own dad. So I'm just gonna leave this as static choices later, we're gonna look at how you could make dynamic choices and how we could have it set so that you can actually update would be in this list based on where you plan on going in the next year. But for now, let's take a look at just creating status choices. So new location, one location to believe. My whole Colin comic com right. And what we get here is the ability to add these choices. So I've ended these three in and because that's the main thing on track is where I'm getting the most prepared for my buck on these I want to put in. Um, my input should not be empty right here. That means when we try to log this form, no one is going. Teoh be able to enter it without putting that right. And this could be useful in a variety of ways. So say you before on your site, or someone comes in and they enter information and you want to track how they heard of you . So then they try to enter without the layout. This one, it prompts him to do it. You have managers there filling out forms for tracking something important at your company . They're trying to log information without accidentally well, actually feeling in this box, they can't log that info, right? So maybe of forms being filled up correctly, you could make it. So you're forms are now required to have certain fields entered. And your managers can't miss them because now it's so that being on paper, he was leaving gaps out. You have people going and doing digitally. They're required to fill these feels just a log that it happened. Cranes. So two quick preview here in this preview, it's just a blank page with enter information rights, I into information here, here, here, that's gonna troll bred by. It's not an email address. It needs to have an at symbol on something and then, like a dot com, right. So now it would tell me that is the knowledge. It's right. So things like that are very useful inside a bubble for users. Then I contract the location, right, But this isn't doing anything yet right now. I'm just saying I have a name. First name a last name. I have any united I have a location. All of that is kind of inter data, but I saved it, right? Created something on a data level for the system to track. So let's go back. Let's make it create something. So how to create a I think so. Things inside a bowl are basically think of it like a group of data. I think of it like a box. So you have a box, right? This box is going to be whatever data you want tohave. It's all associated to one object. That's what that boxes. So this box for this one is going to be for me to call it a prospect. So I'm gonna click on the safe up rates right now. This button, if I clicked, it doesn't do anything. Doesn't do anything cause we've been told it to do anything. So I click on, start out of work club and then click on looking at actions. We wanna make sure I'm on the button. Save button is clicked. I want to go to Dad and things. I want to create a new thing. What this does is it basically gives me the box. I'm going to put my data and I want to make a prospect. So I had already created that in this database. But if you want to make a new one to say, I want to take it in to or clients will create a new client, right that pushed, enter and it'll pop up. Right. So I had a new client. It doesn't know what to do with it. It just knows there are things that exist inside a bubble called a new client because I created it Great now and create a new field for it. But I have no fields. Why? I haven't actually given this thing any properties yet, but I can't click for you. Feel I can create first name text, create a one last name, Take it test, create e mail, address, test pray. And what's gonna happen here is now I have places to put data inside my box. So it's on my box. I basically just have a series of compartments and each one these compartments is something where I can put and not put Dad. So right now I have first name last name email address. But when you're thinking about what you want to build, you want to think about, you know I want to make an app that does X Y and Z and X Y and Z should have these specific parts that I'm tracking. And each one of these parts has all these attributes, right? And I like to visualize that as a box with a series of compartments inside that I'm kind of sliding that and kind of like when you think of like old movies, you watch where they find, like a a box. As ancient scrolls there are sectioned off and the adventurer reaches any pulls one out, and it has a little bit of information on he puts it away, but organized, right? So I want to bring in the first name. Well, how does it know what what to get for that right? I have input. Call first name and I have first name here, but it doesn't. It doesn't know that's what I want there. So I have to tell it So I have to click first name is gonna equal cry it put first names value my last engine equal my input. Last names value my emails and equal my input Chemo value. Okay, it is that simple. So whenever I want to create a new client, it's gonna go in. It's gonna say this person will be this person, this first name his last name is email. But I also have a drop down, right? I created that drop down. So let's create a new field just for that application. This is gonna be where I got this information from text again. And let's do drop down eight. Great. Dropped on AIDS. Value is gonna be The location is going along here, and what's actually really cool is, and we'll talk about how to do this later. Once I created this thing, I could make changes to it. So I have to always create something new. I could create something where I would pull up data from a thing, be able to change the data in that they're gonna save it, and it would still be that thing right? And that's really powerful if you're doing something where, like, say, you build your own CR and you have customers you want update phone numbers without being on . The other data are having to reenter all of it. You're easily able to do that. So now what happens is if I had preview, I'm going to save that information. But it's just going to sit there because we haven't told it to ever get rid of it, and I'll show you what I mean. So if I click Preview all right, John, Johnny John at And it was at comic con. I looked safe. It's it's saving, right? I'm not much time to show you. I'm talking about here. So basically, I just gave the ability with a whole bunch of the same thing all over over. Thanks. I'm not actually undoing any of this data, right? I'm not actually saying get rid of any of this or reset the relevant influence. It just sits there. So if I'm the user, I don't know if this is actually doing something. You want to remember that we're building. So next thing I want to dio is it even recommends the next thing. That's what a little bubble it does a lot of recommendations to help you, and it gives you that little reference thing right over here. When you have her on stuff like that, it will show me an idea of what that actually does for me. So click on that. It will take me to the page on bubble that tells me what reset relevant inputs does, which is hugely powerful. When you're trying to figure something, I don't recommend something to you, and you're not even sure you're on the right at your troubleshooting. You read about what it does. It is a quick paragraph. It tells you something and usually gets you on the right path to accomplishing your goal. So I reset my relevant inputs, and then I want to see what that looks like. But first, I'm gonna show you why you need irrelevant Reset your relevant inputs when I click on data over here. Little staff was kind of like a server, right? So I can see the inside of my company right now. I said where I can create prospects from what I done earlier in it and create new clients, which is the one we created together. And I have users, right? So users were like me. I would be a user. I'm going for me to be able to log in the system, utilize it have because they use a user. But I click on AP data, and I click on new clients. Whoa. We created a whole bunch of the same guy over and over again because you want to serve into debt, right? We weren't telling it that we did it. So if I'm a user and I go in and try to log something I might click up whole bunch of times and think, Why isn't this working? Because we didn't refer. Except the inputs I could go in. And I could usually just delete all these, which I'm not going to do this. I want to actually have a good amount of data in it for stuff we're gonna pull later. And this is a good time to just dump the stuff in from comic con. But on that t here. Although preview my page Now, let's take a look here. So do the location. To this time I do Lin Linda at stand It reset all that, So I know it got entered as usual. Wonderful. Where does it go and how do we visualize that? Maybe I want to see something. We could do that. So go to you're about to hear. Let's go right back. You can actually close out of that one. And what we want to dio is we want to take a look at repeating Bruce, right? So it's grab that it was drawing room. I never worry about this red line there because we always drop down after I draw on what I want to dio those area C when this around a little bit. The box with the red boxes left the space you're working in that will move with you as you move objects up down. So basically, it's not making a huge gap at the bottom of your page. But that's not data we have to worry about, yet it was created. Working groups double click on it. Make sure we have this repeating group a open because we haven't named anything else. So it's defaulted to Pedro Bay and type of content here, right? So all kinds of content it could do normally inside of the system. The two things that I couldn't so far are a prospect and in your client, so I want to click on Duke Lax. That's when working with this tutorial. So I took on a new client and then I want a data source. So this is where we say, OK, everything that's in here is going to be a new client. But how are we gonna find the new clients that want? So I would do a search for by your clients. And that would be enough for this simply because we just want to grab all of the new clients we have ever put into our database. What? You could easily go in here, and you could say I want to do it by location. And I want the location to equal whatever value you wanted. Or you could even do something where you have the location equals drop down. Eight value on what that would do is give the ability to have repeating group here only. Show me what I put into the drop down A so actually going to show you that one in just a moment here. But for now, let's just do a new client. Great. Now we don't know. It's not gonna show anything, doesn't know what to show. All it knows is new client data is gonna be in here, but we haven't put anything on these lines, so we haven't told it to put things places. So we want to grab our test. Right? So you hover over here, you see all the line terms read that gives you the ability to clip. So you click and we'll add it to it. See how it repeats at any enemy enemy at me. That means whatever I put here, we're going to all of them. And because the repeating group it's gonna look for a group of these objects and it's gonna give you the return values in a Siri's that you can scroll through to look at the data. So I want to dio its aerodynamic test. This will allow allow me to pull different text in each individual one. Now I want to for this port e being clients. So while it is one click here got a current sells new client and then I want to have the going price on your first name and make this bossed little this order. Great. And then I want to do another tax box right there that I should have drawn a little bit to begin with. But it's going there. Then I want this one to be another dynamic text. I want the current sells to clients about what that means. Basically see how each one of these is a That horse all rope. That's just basically means everything in that row has data from the same entry. Right? So I would click the cells, new clients, last name, and I'm gonna show you what that ends up with the second here because we're pulling all that data. Then I want to put because I'm interested. I want text to show the location. So let's do the dynamic tags that showing up insurgent attacks. What's made stone. Okay, so you can see I have this Fox River. I don't have a Siri's there. And that means that, unlike these two, I'm not in the repeating group right now. I'm just kind of hovering over the repeating room. Right. So, like I conclude this repeating group, everything in it moves. But this edit me right here isn't moving. That means it's not in it. So when I go back here to make sure I'm in these lines, see now, when I put it there, it shows a parade in line with the other ones. I've got it. I lowered the size of the box lines up well, but it shows up on all of these. And you want to make sure you're doing that because otherwise you'll have what I just have where I went in and I couldn't actually get to show me the current cells. Right. So when I click here and I do dynamic text now, it pops up with current Selves Quiet. Which gives me exactly what I want. Locations. Perfect. So now I'm going to click preview, and we're gonna be able to see all these repeated order. Great. So most of these are gonna be job, John Donny, because we did so many of him that were from comic con. If you scroll down, just keep going, keep going and going until we get that tow Lynn location to. But what if I want a view that a little better? Right? What if I want to be able to be able to view just people at certain ones really quickly at a glance? So let's go back here. Because of this data is the same as this. I'm actually gonna click, right, click, copy and taste. That's one who's work but there, Prince. So I want to make sure I have the same data to filter by here. I can do it that way. Right? Know the way I can do that is that I could actually create locations as actual. I think I ate locations as an actual thing that I could be pulling data, creating data for creative thing. There's a location and I could have this box give me that list. And then when I save my people, right, my clients, it would then add that to it that I could have that same Let's show up here. It would filter this group for what I'm about to show you. That gets like, one more level advance, and we'll look at that. But firstly, let's just take this group. Let's copy and paste it. So we have all that same data really quick, and I'll show you what the end result we're trying to get to is without adding it and making it more complex of extra things yet. So I now have a feeding group here, and I can change this place over right, so filter list by Great. So now I know this is gonna filter this list. So if when I opened this, if I on this list filter set to it, it's not gonna pull anything in the list because it'll say filtered list by and it doesn't default. Anything there. So that's just something to remember for trying to set something up like this off to set a default value. But the first thing we want to do, you know, we want to go in here. This is where I mentioned where you can search. You can go to filter by location. They have that location equal de drop down filter list by value. Now, this is really cool, because this gives us the ability to do then dictate what data? Reviewing. Right. And you can do that in a variety of ways. But this is just a quick way because you can take you a small example on. You're gonna shrapnel ate it, right? You turn it into whatever you need to. I click preview. Now I have it set so I can put calm calm. There's all the ones that put in for job. I can also do location to remember we had one for a location to boom. There it is. I had none for Location one. So I have done that shop. But say I want to add one for location. One right? Right safe, he shows up, but he's not Shelton Comic con. It's not show application to can, which was looking Location one. It's really cool to be able to see that data and learning how to organize your data and make it accessible by your individual team members. Right? They're gonna access the system. What if I wanted? Visualize this, though, right? What? What if I want to take that and I want of you? How many people are in each one? Let's make a Let's make a simple, um, a simple graph of plan, right? So I have my visual elements here. There's nothing there for a graph. But if I could install more do chart when I spell it right and there is D simple charts and graphs are Charlotte. There is from made by bubble, right, So install on that dumb. And now when the bar chart shows up, some dried that out. What makes that small enough? And I want to do just a simple bar chart right here, right, so I want to say bar, I want to do it based on my new, pliant my data source. I have to do a quick search for data as right. So I need to define defined in a type of the data that I'm gonna look at. And now I have to again define how I want to get that data. And if there's any constructions, I do want to put on that. So for data source, we want to to search for D your clients. You want to group some, create your group by their location, Want to exact. We want to Agra doing activation for that meeting that we want to count the number of them that there are by locations and then click all that. Sometimes when you when you enter things in for, like, data source, it'll keep asking you if there's more you want to do, right, so there more ways you want to filter down. Is there more ways you want to narrow it down with you? Click off to the side here and it turns blue. That means you're good. You have a group going to do stuff with it. It's defined enough for bubble to extrapolate data and use it. Um, so value expression here. Current point. So only Dio and what the current points count. Right click off of that blue. We're good. The value expert label expression here will just be current points location. Right? So when I click preview now, I haven't showing me each location and the number of people associated. So what's cool? This is Now I can tell that I want Joe. You know, Johnny, Johnny, who is at location one and I look, save. He will show up here. And that just changed too. So now I have a two here. So it's wait for me to visualize the data, and then I can see it here. So there's a lot of power in this, and there's a lot that we can really use this for inside of a company, right? This is basic functionality of bubble. Right? So this isn't building out. You know all of your users. This isn't building out your role. Admin suite. This is just entering in some simple data and seeing what we can pull out of it you can also dio is you can enter in a date range here. And then you could have this filter by date range that you have entered, right? You can have the data get entered here. You could have this section here That's felt terrible. Show of on another page. You'd have this chart here showing up on another page. You could set this chart here to be filtered by the location as well. So when you click on the location, it shows the total number of them up here, and it shows the number of people. Now that the individual people down here now there's a lot you can dio. This is some pretty basic functionality, but it's enough to really get us started and get that kind of creativity flowing with one we want to build here. You know what? Can we go over these tools? And the whole goal of this course is to help you visualize what bubble can do very simply and learn to use that to create some complex scenarios 4. How to build on bubble Part 2 doing more stuff with graphs and creating dynamic : So we have some things that we build. We has a chart. We have a list of the things it would go. How don't build more than we can do with this, right? This is an all mobile. Do you do a whole lot more? For instance, if we wanted to, we could easily add it so that we haven't employed here. That would be a picture, and it would be the ability done to upload a picture. And you add the picture in as a data field. Right? So if I wanted to do that, I would go here. I could open this back up, set another field creative field image image, and then I would do e true A's value. See, it's really simple. And then that's also another thing here that you could put into this group if you wanted to write. So if I wanted to, I could dio my image here for visual element and drop that down into here. Make sure it's on the red line, so it's gonna show up in all groups. There we go. This will be Sprint sells new clients. Give it great. So maybe I'm taking their pictures at all of these, and I'm gonna lock him also, that I have their images with it. Great. That's super simple. Just a interesting thing you could do with pictures. But what if this right here, this drop down and the drop down and filtering by? What if I want those to end up being a field that changes relative the things I'm planning in the near future, Right. So what if I don't want to even type these into here? What if I want to have a separate list of things I'm making active or inactive for this type of drop down? Right. So maybe instead of locations, maybe this is just a list of products that they were interested in, and that could depend on what we actually are selling at the time, right? Or maybe it's a serious of locations that my team works at, and I'm tracking those or do your current job sites that were working at that. I wanted Teoh assign things too, in whatever app on building, right? So, really, all these or the swiftest being a dynamic. But I don't have a list for this to be dynamic off yet. So work, Michael built that now create a new page. I'm just gonna call this my dad a page. And in here, I'm going to create a new thing. So I want a But so I could have it. I want a Okay. She tail your name and I if I want any other data from that location and put it in here to so say I also want to have it so that this location I want todo the location zip code right there. And I could make the east that they're both required if I want to. And it should not be empty. You should not be empty, right? So this is the location, and I want the zip code of that location. So I know I'm looking at the right one when I created right, So I saved new location. Button doesn't do anything right now. He faced that Look, we're club. Come over here, dad. And things were great. You say it's called this new thing, creating your type. Let's call it a location. Now I will create my two fields just like we did before. We have the name, text field, and then we will have our with a cold, which will be a number of field. Great. So names value input. Is it? Codes value. Very simple. We created it buying. Let's say I want to have these able to be activated and activated, so Well, I'm building this out. I'm gonna go ahead. I'm going to create something called Active. It's gonna be a field type that's considered a yes. No. And what that means is basically, you can have different things happen inside your app that toggle this between yes and no and that you can use to determine filtering. And where this really shows up, I'll show you that it's just a moment. So if I do that and I want to make this set to yes, it will pre populate the yes and no answers there. And then just like last time, what do you want to dio? We want to reset the fields. Great. So designed This is what I'm building. And to make sure this is working, it's always fun to just quickly build a repeating room. Very simple to Dio step Dad is gonna be our anything right location. And now we're gonna do a search for locations. And there we go. So we're doing a search for locations were pulling them up. We don't need to filter it all. Here we are now. I need Dad in here, Right, Because if I don't put texted here is not I do anythings text do my dynamic Tax river. Make sure that you're in the box. The red line here turns red results locations a perfect. So I'm gonna get a list of names. Could do the same thing over here for a zip code. Two thistles, the boxy I dropped outside of Sometimes you have to move the repeating group just to even get to these because they'll slide behind him. There we go. You're in it there. Francis locations, Zip code. Fervent slide. You back up here, you back down. So line up with your buddy. Awesome. Just a little bit off here. Don't use the arrow keys to move them inside of the repeating group just cause it keeps it from hopping out of the repeating group. It's a little bit slower from moving it, and but it is lined up a whole lot better. And this is a real published AB I would be making sure Lined up perfectly. But we have this happening. So let's go ahead and preview. We'll start creating these locations, right? Issue one. Spell it right is a code. Um Well, que great. So I grabbed these Siris of locations, right? I've got free of them in here. But what if I don't want these locations showing up anymore? Say, I'm going through the years. I don't go to certain events anymore. I want to start deactivating some taking them off. But I don't want to go into my dad and have to delete that location out. Right, Because I could I could go into here, I could pull up data. I could go to my locations. I could click on this one, and I could delete that entry, but that I would lose anything like associated to I won't be able to report it. Still see, you know what happened when we were actually going to that place? Was that Is that once? Would that have been better than going to something we go to now? If we change up what we're doing, I can't do an old job site that way. If I had guys working there that I want to track stuff at. But if we create something, say over here, that says Deactivate right and then I could deactivate it and I could filter this list based on the active inactive. So let's do that. I'll show you what we're getting to here. So back at this page, take another. But sometimes I create buns outside of the repeating group. Just second drag it and it's a little easier. Deactivate. Here we go. Now it's on a show for all right. So go to my work flow here. Aiken Dio, Dad and things make changes to a thing state to change current cells. Location. And then I wanted to bring up that active Remember because we built active Who said it so when it's created, active is automatically, yes. So if automatically we have yes, created and pushing that button, we would want to change it to know. So we want to make sure that once it says no has somewhere to go, So we can still see it so we could reactivate it later. Who wanted to, um, we also want to make sure this list here, if we're gonna deactivate stuff in this is we don't want to have things that are currently deactivated in it. Right? We wanted filter. We wanted to say in this search, we just clicked right back on the balloon. It'll pop back open that we have a constraint. That constraint. Is that active equals? Yes. What that will do is when active equals. Yes, it will show up here, so if we push deactivate on it, it won't show up anywhere. Great. So quick trick. Just forgetting a lot of, um, a lot of work kind of done quicker. If you're building something like this or you're building to similar tools that are kind of gonna filter a little bit differently or basically have similar data, you can reuse things, right? What I like to do if I looked like click here, I'll just do copy. Would work flows do? Patients were close, and there we don't have to of it. I will drag it down. Those red will eventually dropped with us. There we go. I know this is gonna be by inactive set. I'm gonna label in just a second, but change this. Deactivate activate and I want to change this. Simple. Yes, to a note. So that top group will show us the ones that are active. The bottom group will shows that ones that are inactive. So if we're ever trying to see which locations we still have active, you could use this for which tools are still in use. You could use these for job sites you're currently going to. You could use this for positions, a company that you're tracking. You could use this for customers. You have active and inactive customers that show up on different lists because of this really useful type of thing. Just to say if something is active in your system or not, because you want to retain that data, so that will tell us ones that are inactive. But this button rubber, we built it to say current cells is active or refuge. It Yes, great, Wonderful. Now we have this, and you have you wondering why this, too, is up here. It's because with the fields for drop down eight, we deleted the fields, so it's gonna can tell us for a while like hey, you have to put Fields in here. Gonna put those in suit first. We want to make sure what we just did right here works preview. So I have my active locations. I don't have anything deactivated yet, but which deactivate? Boom! There goes perfect. It's exactly what we wanted and reactivated. I'll pop back here. Let's click here. Right, So we have one deactivated this location. Three locations. 12 are still activated. All right, Now, the logic behind this again, right, we're creating something. When we created we've marked it is active because it Yes, these are all the ones that are active. That was there for now that was deactivated. It changes that yes, into a no. And it will automatically know that it doesn't belong here in this top group. Now it's gonna go into this bottom room. So I reactivated here, it puts it back up there. And this is good for filtering, right? Because there's still the same thing. It's just separating them based on that attribute. And you can do that for a huge variety of attributes. And really, just dig deep down into what you're trying to create on track for your company. So get out of this. We go back to by implication, right? These are very generic names. Amusing for pages is there not names I would really use on a house building, like a full fledged out product. I would build that with more, like description of the intent of what the page is going to do. But back to this list. I have choices I'm missing. Right. So my type of choices, I need a list. Right. Some of the location. Joyce, search commissar source. My choice source type is a list. My source choice source is do a search for locations and I could add constraints. Right. So this is what we talked about. Poor right. We added constraints. So we only showed acted in that group to show you what happens if I don't option caption will do the option. And often caption is is what field from that Thea objectors of Think which box were putting in there. So when you it's like the label on your box, right? So I have a box full of data like we discussed in the other lesson. It's full of all these different things we're tracking for that box, and this box has a name on. So that's the field that we're on a show. All right. I learned you that for this option? L do it for this option. This I didn't burst in a preview, so we'll see. We don't have anything happening down here. This is still showing us the same data, because again, this is data that's already in. Right. So I've already entered all that and l A data. And for comic con all that in data and for the location one location to and because that debt is already in there, even though I deleted those fields, that's not change, because it's not linked to what was there. So I now countries option and blow the whole. Even though I deleted all the data that was in that right, I deleted that original location One. I deleted that allergic original location to I deleted. Comic con. Come comes to show up here. Right, But I'm seeing location three shows up. I didn't want location. Tree location, trees not active. See, we go back to this page, right? Real quick. Location is not active, right? So how do I get that out of there? The same way we got it out of the other one. So I go here in my search for locations. I add a constraint. And it's just active equals, Yes. So this gives you more ability to filter things, change things really track, right? So I can create a syriza drop downs that have a Siris of things that my teams were able to add or I able to add. And I'm able to track and make sure that I have all these different objects I'm making, creating a list of things and which ones of them are active so that I can create more dynamic forms. I could even create lists of things that have yes knows for different tributes. Determine if this if this item should show up in different groups of less. Right. So I'm gonna add it. That here. So I still have my static choices. I don't want that. I want dynamic choices. And again, we're gonna do locations. Source. Give a search for location, add constraint. Active. Yes. Okay, so and then on the option to be the name great bullets here, you zip code. It's not gonna turn out. Very So I'm gonna put the zip code it just to show why we want to make sure we're being, you know, specific. Over to it and it's suitable. Is it right? You probably have that. I'll think it out, but I'm filtering it by stuff that doesn't exist. Data wise right now. So back to here into that. Now that we've shown it, filter to name. Great. So preview this filter by name, location, one location to Since these are newly created field, they're actually different. Right? So I had capitalized letter here, lower case letter here. So because I built that feel differently than this field, these two don't line up right there. Not tracked the same. It's looking, burning exact value here. Right? So I have location with a lower case out location with uppercase out. Be mindful of that. You to be careful about what you're doing there. I don't have it here. Right? So enter some new data in because this old dad is not gonna show up down here now. We deleted these fields. That's why it's important to tested your building. You might do that. So all this data from my database I'm going to remove and you know what was that? First let's go to our data. Let's do a fresh listed clients, so I'm Would you click here. I am going to delete all of my dad there. All my clients Hurricane. We didn't like him anywhere. And now I want to open this back up. See why this it's for etc. This will tell you when things were wrong. Great. Ah, see, We adjusted the filters value. We actually changed the functions of other parts. Right? So we're dealing hard coating were typing all this out? We may have miss that very easily, right? Is this 100 times? And I almost missed here. But bubble let me know. So they're great. So because this list here is showing these right, it was pulling it Learn it by the name right. But now it's doing by a dynamic list that we had to say there's a value there, but we need the values name because now the value isn't just a name. The value is a thing, right? So we could even filter it by the, um the zip code or something if you wanted to. From there we have it again here. Right. So we changed that value again, right? We made it dynamic. So now it's not just dropped on his values is dropped down a is value is selecting a thing , right? And what that thing's name now I'm not. So it feel locations. Name of the location. It's inside of the drop downs, selection of locations, but we visualized it very simply. So I was writing my When you see alerts up here, make sure you get rid of them. I usually work through what I'm trying to do, then come back and check if there's actually an alert. It really helps me to see, like if what I'm doing actually broke more than what I thought it would cause. Usually, as I'm building, I build things very simple. And then I just add layers of complexity that usually require rebuilding certain parts of great. So again, I have no doubt, right? So let's just do stuff. So we have dad, uh, one at image here. I say we want at images. We don't need them. Look, they showed up okay and it loaded. Great. So we have established it's working right? That's what we wanted to see. Check for location to and again remember locations or he's not showing up. Haitian three is not showing up because it is an active. 00 do you want a location to there? So location to Sean here. But why isn't location to there We go. Good. So you'll notice so sometimes bubble. It takes just a second to move that data over. Right? So we created thing it pulls into here and pulls into here That takes a second cloud software. You always have a little bit of a lag. A lot of times when your trading things, though, you're not creating input and then a filtered list and then a report on it all in the same gas sport. Right? So that is how you can go and you can take a list and you can create so that you're making a list. You're creating a list to be added to it dropped down that you're then able to use dynamically, and you are able to then go in and activate inactivate different parts that are going to be inside your list so that you're able Teoh really have control over the data and keep old data instead of having to delete that out. Another useful thing you could do for this is you can take and you can say all right, this is everything that happened. I want to track it by year. Now. Now one of you. What? What years? Things were happening, right? So let's do that. So here and there's a couple ways you could do it. One would be to use the calendar added here. Right. So there's a time picture there. You could pick the time, take the date. If all I'm looking for his year, I kind of like to have that control a little bit more just because the using filter and by fields is it's It's different depending how you do it. So if if I'm gonna make something very specific and I'm only gonna have it for, like a 10 year span, I might type in all 10 years and then it can be easily drop down and filter because then I know I'm just pulling off that field, to be exact, and the programming side of it's a little bit easier than grabbing a year pulling the Europe of the time picker, and I think it looks different. So a time picker about that out here actually take a look at it and I'll show what that looks like in a second, but I sometimes prefer just to create drop downs, and we'll do that here. So why you here? 2020 2122. My default value of 20 there. So I also now need to add that to hear to my thing go that thing. You're creative field. It is going to be a number create year equals. Where's my drop down? This is 20. That's my drop down says you'll notice that drop. Don't say ABC A lot of times hovering over things. It's really useful just to see what it actually shows up. So this one says 2020. I know that's the one I was just in. I want that one's value for the so as you're building things out, you can already see here. We're just adding more parts to this thing that we're building. So we started with this top section with added locations. We added image with added year and now it's starting to become more of a complex object. So back here we're already creating it, what we want to do with that year. So what I want to do with that year is I want to filter this by that year. So I'm going to copy this one. We're pacing here and drag it over. Actually, I'll put pasted above this. So I know it's for this, and this is getting really cluttered, right? This is not how I would build out functional software for people that actively use. This is built to show you as much as possible in a small area. So you can really visualize the interactions on this. Um, we want to make sure we have default values, right? So I have a default value here. Also, like to put the placeholder in 20. I feel like it's just a good double kind of sat there that we have, like solar and default value there. And obviously none of the first things 2020 because we're going to start using that data we're gonna start grabbing that year. So all future, that's Tom's to bench all future once that we make will have a year. So we want of you here. Over here. We want to just flip and flip it flip and see which years were doing what right. So we can do search, and it's just we just alter this really quick right. Let's make a constraint that we will filter by year and we will do here. It's equal. Drop down 20 right? Because drop down 2020 is this one Because we put placeholder in his 2020. We didn't put it here. Placeholder says choosing option. That's why this one shows up as a drop down. See, you put a placeholder there, it will actually show up inside of it. So that's why we know it's this one. I can actually change this to B to say whatever I wanted to hear because the default value is gonna end up in 2020 anyway. But main thing is, the search default value equals dropped down to my twenties. Value perfect. We cant even sort them. Right? Um What? We don't need to do that right now, so we'll see how it works. Also. Look, we have no other stuff. Great. Why am I getting no death? Oh, look, I got data when I put nothing up, right? It's because this is filtering by year. So I needed when I had no year to show these locations because we put them in and they didn't have a year because this drop down there exist yet. Now we also notice here, this isn't defaulting to anything because I didn't send default. And we'll do that in just a second, actually, because it requires a search function. Um, but let's make sure this is showing what we want in the right years. So let's do just enter a K A A and location. 1 20 Say on 111 issue 2 2020 Safe. Now she had one showing up for each side. Right. Here we go. Okay. She wanted Teoh. Makes me send it every time I make it happen. Still, but you'll notice if I go to 20 when I want. It doesn't happen. Right? But if I and your data for it, I am then going to have something for 2021 2020 2021 2022. Here we go. Because I need to add something for 2022. We only want to location one that year. Safe burial. Have something for 2022. Something for 2021 suddenly for 2020 in filter this by my locations. There we go. Don't tell you why I didn't want to use the, um, the year for this. So when you're picking it here, you pick an actual date in this state and time picker, right? So getting to the next year is a little bit clicky, right? So to get to 2022 way over here is to do it or look at this 0.21 to 2020 just clipping. All live active here that I'm pulling just a year from that data for something that's easier just to make this, he's kind of dropped down really easily. You don't have to add years to often you could go back in and you could do it. It's a lot easier unless you're like utilizing historical data, and you can edit this to just show is a year. But depending on what you're doing, sometimes it's just easier to do it yourself and entry. Oh, I prefer to yourself a lot of times 5. How to build on bubble par 3 sending data to pages and editing data: great. So now we're back. And as you can see, we're back on our main page here. So right now all we have the APP really doing is entering data reporting that data, and we've got set so that we can have this little drop down go ahead and display in different pills that were dictating. So what we're gonna do next, let's make it so we can toggle between pages. Really good way to do that. And I'm actually gonna highlight all of this road Quicken dried down to make a little bit of space for it is we can use a header. So I'm gonna use this header because this is something that's a reusable object and drag it out here. It's OK for me right now that's just defaulted to behold. If I click edit element on it, it'll pop. Just the header up. I had pretty different logo up here if I wanted to. Main thing I want to do here is I'm gonna add a couple buttons. I like to use this just toe, have the button, go to my main page or made menu or whatever and building just because it's common things, right, These are things you want better where you are. So let's do it was and then let's do the one where we name these very bluntly our crackdown things. So now what I want to do here is create Werfel. So whenever you have objects available in something, you can have it so that these are entered workflow. So if you can't find something in your ab, click over here Goto workflow. It probably shows up along this top part. You hear navigation? This is all very intuitive. Right? Side navigation is when you click on it. This will send you two our influence. So while they're page, do we have We had our inputs. We called the other one data right. That's where we were entering what kind of data we wanted to have right and making it active or inactive. So this is our inputs one. Where is the other button way have to do it Here we go to our workflow and out shows up. Then we live here, we go to litigation and we're very quickly just had to be sent to death, right? You know who's doing this will building it because that's what I want. I want to easily toggle between these, right? So then I want to make sure it is showing up on all of them. Silvery inputs shows appears. So when I push preview will be able to do that toggle between the two very easily. However, when I go to data notice, it's not They're not there cause I haven't actually added it yet. Right, So I'm just gonna highlight everything, push it all down real quick, 12 out of this top part, push down. And then I'm going to grab his header and just added, And now I have. And the header starts with a few, uh, pretty set stuff in it. There's a there's a log in log out button over here and it's our issue. Well, they should nominate occasional right now. Text Who? So when I originally had gone back through this yesterday, Teoh, go back into it. I had messed with some of these fields to prepare for today, and I had broken it and I actually fixed it. There's a lesson. So just pause really quick. Fix it because it's not something that's very common. I forgot to add a, uh, field so back to the lesson. Now we have this data going in, right? We have all this info coming and we can filter this list by or locations. But what if I wanted to change this data on this record? Right, So I could go into data here. I could pull up all of my new clients. Right? Um and I could modify. Right, But I really want to do that. Um, for any one of my clients that might be in here, right? Don't want service to roll of this search feature. I could easily do it, but you can also go let it so, like, you wouldn't have to go and do this few of individual users for it if you make the app that has multiple companies. And it wouldn't have multiple companies calling you because they want to enter editor data , right? People make mistakes so we can do, which is really cool is we can use links in here, right? So what I want to dio is first I'm gonna dio is I am going to highly all these. I'm just going to cook up. So in order to do that, I'm gonna have to have this data go show up on another field. Right. So if I want to edit whatever is in this box, I have to take this data or I have to send it to another page where I have fields that I could enter. So first thing I wanna do is make sure that we understand the concept of sending data to that page. Great debate is this example of house and data to the page. Create this page and I'm gonna add my header to a first thing because it's gonna be to the go that way I could never get back when I need to double click on the page. Look, just don't let it pop it open, and it will give you the abilities to dictate the type of content on this page. So I want this to be a new client because that's what I have that I want to send here. Now, here's what's cool. I can take a text box, pop it in here, right, So it will be taxed so I could edit this type. Anything I want here will show up here. Right. Aiken, change the style tunes. If I don't do it around right, But it'll act like just text great, or I do dynamic text and I can say couldn't page new clients and I could have that there. And then I could do the same thing here. And do user the current mission of clients. Let me and that I could do image, right? Dynamic image, current page, new clients image right. Do that. I don't have any images added, but it's something very easy to do. You just gonna blow them? The pop up here is particle. So I had my text showing up here and say it one more here. And actually, here's why. I wanted to copy all of those. So I copied all those. I usually pay system and dragged him here for reference. Right. So when a reference this is all the data that I have, it's edible that I want to make. We'll all the data I want to make creditable. Right. So I've got this drop down. I've got this in this in this in this nus. I want those all to just be things that I could go in and add it right when I opened up that person I don't want to just send over their name and first name in the last game and not be able to change those, right? What if I entered it wrong? What if I needed to change that? What if somebody got married and changed their last name? I'd like to be able to go and change that. Um, so let's have it go back to work in boats. Right? So this right here, we're going to delete, right? This is a current cells first name. I only have their lasting for now. So actually do this. Well, we'll do a blank gold right here. Great. So it shows up on all of them exactly where we need a double click on it to open up the editor. We go to dynamic current sells new clients. First name that they were, says moral click space space space to give us a little bit of a gap there. And let's add the last name, too, comes to consult your clients less than okay. No click preview and it loads filters down my location. It will have my first name. Last name. Right. So I'm going to do relation. One to do a little world. They're safe Okay. How the world shows up here. I MySpace didn't work. I didn't go back. And I headed about this space between those easily that Mr Sack. Great. So gap there then. So this is a link, but it's not sending anything anywhere, right? It doesn't have a destination page. Um, so we want to change it to send out a two page right? That's what we want to send it to. Our data is going to be the current sells new client. Just the general, like this is this This is like some mailing box to the page. Right? So this is the data box we have. This is everything about this new client. Let's shoot it over here. I like to do open in a new tab. I feel like that makes it functionally a lot easier. You're gonna shoot it over there. You're gonna have that. Great. So let's see what happens when we do that now. So great. So now I have this with the gap between them all. I have hello world with all these spaces between like I wanted, So they separate on sale. Reduce that a little bit more. I was just doing it to ensure that was showing correctly on here. So a literal I'm gonna click Hello World. So it's right. That was the first name that was there. Last name. Now, why do I have all of this right here? Right? What? I would like to dio, as I would like to make these fields show up in here typed in already. That way I can change any of these. I wanted to I could adjust if they were actually supposed to be from location to actually put him in that location. One, I want to upload a new image for them. If I have a new image that I want to show. I want to be able to change the years if I did the years from changed her last name but in the last name Wrong. So how are we gonna do that back here? You know this also just quick. Very easy to pop between pages of bubble. Just click on boot Aereo. There we go. That's pretty self explanatory, though, is it? Hadn't actually touched those buttons so way have to vote page picture. We will go to send out a two page this The page were sending attitude. Now, now that I'm here, I have the bill. You decide what I want to have Really changeable, right? So I don't really want people to go in and say maybe I don't want them to change the clients location. I could take that way. Maybe I don't want that image changed because it should only be applied once, so I could remove that too. But anyone these inputs, I could have show up and you re saved. I could have it going and be edited. I have this drop down here for a year. The years and it stayed the same because I copied it. Right. So these air here so I could do default value here is set for 2020 because that's what I had on my other sheet. But I can change that to be Diana. Text his users. Yeah, I have the default value here be Hey, page clients whose are nice placeholder placeholder is different. Seeing email. So initial content. Aiken dio here with all right information clients, you know, address. Simple enough, right? So just adding initial content here that pre fills all of these cause we pulled it over right. Great. Then the save button. Right. So what does this save button going to? Dio? Did you start another workflow here? We can go down to dead end things, and then it changes to a thing. Right? So this isn't creating a new thing. This is saying, Hey, there's something that exists. Let's go ahead and change it. Go find this thing. So what kind of things are gonna change the current pages? New client. Great. So what feel do we want change? We want to change the address. And I like to adult these in before I go on ad where their inputs air coming from just to make sure you grab them all. So first name, last name year and you see how, like there's more. There's more fields that we could be choosing, right? So, like I could be choosing a location could be choosing year. It could be choosing image, even trying to replace it with actual, like, other inputs. But I don't want to. I could easily go in and have it so you can just twitch the image out, right? So that Okay, so this is going to be input putting about value just like we did on the other page. Input first names, value input, last names value and we will dio don't be, which is a year in port piece value. So I have all my inputs going in. Perfect. So that's what I want to see happen. So how does this functionally going to work? Inside of bubble? Someone took preview on this page. No, you'll notice when I click preview here. It's doing this more. Um, if it doesn't mean anything, right? It didn't have even a value to go here. Right? So what happens is we clicked on that, but we didn't send data here, so because we didn't come from another page, we got here arbitrarily, which through the floor designed doesn't really work. But because of the way we're building, we can preview anything from any point. So location, almost the whole world again. So my hello world here that I just created right from location one. I can click on him. I will pop into this page sea world world. Which means I made a mistake here on a program. It right one was forced to first name was supposed to be last name and Instead, I have world world, which most likely means I did last time last time. So I know I need to go and fix that report. So in sadness. And that's actually I'm gonna leave this one open, and I'm gonna show you some things. I think it's just awesome in bubble because oops. That page. Yeah. See, Last name. Last thing. I wanted to change that. To click on that go to first name really is Lee. Fix it Super easy, But you'll notice there's been changes frayed, so I could just reload this page. There we go. So one scroll to my little world guy. And now it is Mr Hello. World had to fake dot com Tonto. Perfect. I could say that, right? Or I could change his last name too. Hello? Hello. Hello, Planet and or And I want to capitalize. Hello? Click save right that I'm gonna go check my inputs and see if that changed it. Right. So he was at location one. So it's no hello planet. So you updating data is that easy? Right? You just create fields and you call it out. And then we added it right, and this allows you to a whole lot more. So if you imagine what you really can do with this, right? So I've got HH. You write so I can go in and I can edit these things. But I could also have other boxes over here that are anything I want them to be. I can have this be my customer and I have how they came in. But maybe I also have over here like this is well understood by and I had updated right or I could put notes in for my next call with them. I can enter products that they were interested in the past or the future. I enter any relevant notes, anything I want consistently updated. I could add a series of images to this that are slowly being added as a world with the client on a project that uses for, like, a project management type thing. Just the opportunities for going back in and editing your data is endless, right? So in that similar to the reporting, right, So we've been billed as much Xuan with reporting. We could build as much as we want with being able to go back in and edit things Do you think about last crm and you think about something like Salesforce, right? You open up a customer, you go into an account. There's all these different parts. You open a person who is attributed to an account. Think about it the same way, right? Think about the software you're using and how that actually is influenced and how you could rebuild that. And it really gives you a whole different look at how, like the logic behind all this works.