Set state
Discover how Bubble.io's Set State feature empowers solopreneurs to create dynamic no-code SaaS applications, allowing you to manage and update your app's data in real-time without writing a single line of code.
How to show & hide visual elements with Custom States
In this Bubble.io tutorial video we demonstrate how using custom states to show and hide elements on your page can save your time and keep your app lean. In the second half of the video we take this app leanness a step further by explaining how Option Sets can save you time and from the pain of debugging typos.
How to split and save OpenAI response Part 2
In this Bubble tutorial we'll demonstrate how to split text generated by OpenAI / ChatGPT and save each part of the AI generated text as a new entry in our Bubble database.
How to use Custom States in Bubble including 2 examples
In this Bubble tutorial we explain how to use Custom States with Bubble, why Custom States are useful and demonstrate two Bubble app examples of how I use Custom States in the Bubble apps I build.
How to use keyboard shortcut navigation with a table in Bubble
In this Bubble.io tutorial we demonstrate how to nagivate up and down a table using the up and down arrows on a keyboard. This Bubble tutorial shows how to use custom states to track the selected row of a repeating group and change this selection with the arrow keys. The plugin used is Air Keyboard Shortcut by Zeroqode.
Instant Scroll to Top without animation
Learn how to optimize your Bubble.io one page app by implementing a simple JavaScript solution to address the scroll to top issue when changing custom states.
Password reset: login page workflow with custom states
In this Bubble.io tutorial video we show how to use custom states to create a password reset form which optimises user experience and won't frustrate your users.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Bubble UI Tips - Better Profile Pictures
In this Bubble tutorial we demonstrate 3 UI tips for improving your no-code Bubble app all centered around Profile Pictures. We use the Alphabet Profile Images plugin to add a placeholder thumbnail for conacts/users without an uploaded image, we show how you can quickly add the Picture Uploader to upload a new profile image to a Contact/User and we use Imgix to Auto crop around the face of the profile picture.
How to update Font Awesome to V6
The Bubble.io icon library is stuck with Font Awesome version 4 because V4 is not backwards compatibility with Font Awesome's most recent release version 6. In this Bubble tutorial video we demonstrate a work around that'll help you import the latest Font Awesome icons into Bubble.
How to use database triggers to update full names
In this Bubble tutorial video, I'd like to demonstrate how database triggers can be really helpful when dealing with first names and last names.
How to add a no-code product tour to your Bubble app
In this Bubble tutorial video, I'm going to be demonstrating how you can create a Product Tour and onboarding experience just like this, to guide your users through and explain features in your Bubble app.
Is Lemon Squeezy a good Stripe alternative for Bubble.io
Looking for a Stripe alternative for your Bubble app? We've been testing Lemon Squeezy. Here is our comparison between Stripe and Lemon Squeezy for Bubble app builders.
How to turn off the Bubble debugger
How to turn off the Bubble debugger. This may perhaps be the shortest tutorial that I've ever uploaded because it's dead simple. I'm in the dev version of my app and I've clicked preview and takes me to this web address here.