-
So today’s post I will show you how to validate an input field without using the “This input should not be empty” checked. Also I am going to use a customer Alert, because you can only use one alert box in a time in one workflow and find this unpleasant. 1. Create a custom alert…
-
Yesterday I built a custom checkbox component, so today I am going to build on the same principle. Check first the earlier post, before continue here, so you can see the small details. Step 1. – Create an option set with images In the data tab of bubble, create a new option set with two…
-
In today’s tutorial I am gonna build a custom checkbox list in Bubble, that will store the list elements (aka an array). The custom checkbox will have a checkbox icon and image and a text, which in default bubble doesn’t have. So stay with me it will be short. Today’s article main motivation comes from…
-
So I wasted two hours from my life to compare a component’s state which is a text (aka string) to an option set text hard coded. So what am I talking about? I will explain in detail, it won’t take more than a couple of minutes to understand. The followings details how to compare text…
-
Today I will show you how to make a custom dropdown by following this video. Check the video or check my content. So if you are still with me, I will use a custom reusable component for my custom dropdown, because if you put all your logic in a page, the information can be overwhelming.…
-
Since I am building three full-stack applications (stack: nodejs-reactjs-mysql) at the same time and I am not available here, but I will dedicate one hour a day for bubble in the future. My goal is to create 60 bubble how to posts so everybody can learn from it. I show you how you can start…
-
It is a common practice in web development to give a user a feedback after an action (aka event) is triggered. This usually means there is small popup box in either the top of the page or on the bottom of the page. Today’s short tutorial I give you an example how you can achieve…
-
It is very common to see a user icon in the top right corner and after click on it you can see a user related menu. Today I will show how can you achieve this in Bubble. For simplicity I have just put one button into the menu, but you can add as many as…
-
After yesterday article, today I will show how to create a register form and register workflow action using Bubble. In this example we will expand the user default data fields with two new ones: First Name and Last Name. It is not necessary, but it’s good to have these fields, so later we can use…
-
In today’s short tutorial I show how to create a simple login page with a form and form submission. 1. Create the design elements As you can see on the elements tree the following elements and grouping contains the necessary elements: 2. Create the workflow, means to submit the form Click on the button and…