Dropdown
Discover how Bubble.io's Dropdown feature empowers solopreneurs to create intuitive user interfaces and streamline data selection in their no code SaaS applications, enhancing user experience and functionality without writing a single line of code.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666996d72b349562f688b66c_Building-a-Custom-Dropdowns-in-Bubble.png)
Building a Custom Dropdowns in Bubble
Learn how to create a custom dropdown in Bubble.io without any code in this tutorial video. See how you can include elements like profile images and contact names for a seamless user experience.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670ababbd3fe35b99d056a_Custom-Dropdown-with-Search.png)
Custom Dropdown with Search
Let's add a custom search to our custom dropdown in Bubble.io
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a269cb588db29fe1c95_fD7BuiN20Vc-HD.jpeg)
How to create a gender selection dropdown using Option Sets in Bubble.io
In this Bubble.io tutorial video we show how to use Option Sets to create a gender selector in a registration workflow as a user signs up. Option Sets are an incredibly powerful tool for storing values that you'll be referring to over and over again in your Bubble application especially if you need to present this data in different ways such as gender and gender symbols or currencies and currency symbols.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8d48385f6de8ffd5f6_FORM.png)
Building a form in Bubble - Beginner’s guide
In this Bubble tutorial, we'll guide you through the process of creating a form in Bubble.io. You'll learn how to add design elements and create a functional form for your projects. We'll cover topics such as adding text elements, input fields, uploading images, and using plugins to enhance the user experience. Plus, we'll show you how to add a Toast notification for successful form submissions.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/6728c2139cf8e02920eeb79f_1.png)
No Code Developers Embrace Google's AI Search Revolution!
Discover step-by-step instructions to integrate Google's advanced grounding feature into your AI API requests, bringing real-time Google search results directly into your applications.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66ba20dfe055fa70da53f58a_Create%20STUNNING%20AI%20Art%20with%20NO%20CODE%20-%20Image%20Flux%20Generator.png)
Create STUNNING AI Art with NO CODE - Image Flux Generator
Generate stunning AI images with FLUX using on Replicate API.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a58f02fbc01220ce5f8_ymX8pflkhxY-HD.jpeg)
Should I use margins or padding?
Should I use margins or should I use padding? In this Bubble tutorial, I'm going to give a few examples because this is a common theme that I see in the Bubble coaching that we run at Planet No Code, where we do one to one sessions helping Bubble creators just like yourself, develop and overcome issues that they've got with their Bubble apps. And we experience this quite a lot with, I say, clunky layouts.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a62bcc92941db6f8f78_1.png)
The Ultimate Bubble.io Guide to Timezones
In this Bubble tutorial we demonstrate how Bubble detects Current User's timezone, how to override the browser timezone and how to change the timezone for data/time inputs, backend workflows and API calls.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a229b2e07cfad25c164_y0_WWKSJB0w-HD.jpeg)
How to Build an NFT Marketplace Login with Figma & Bubble.io
In this Bubble.io tutorial video we demonstrate how and why you might choose to manually convert a Figma template into Bubble. This video explains padding, margins and explains the basics of CSS to help you get started.