Bubble

This section covers elements – the building blocks that make up your application's user interface

How elements work in Bubble

This section covers the logic of the hierarchy that is structured on your page as you add elements to it.

The element hierarchy

The page is the blank canvas on which you design your app's user interface.

Web app: The page

This article covers the container elements, used to group and control the behavior of other elements

Web app: Containers overview

This section covers Groups, that can be used to contain elements and data and control the responsive behavior of child elements.

Web app: Groups

This section covers the container type repeating group, used to display lists of things such as records from the database

Web app: Repeating groups

This article covers the table element, used to display lists such as records from the database in a table-like structure of rows and columns

Web app: Table elements

This article covers the container type Popup, which is a group that hovers above all other elements on the screen

Web app: Popups

This article covers Floating Group, which is used for attaching a group to one of the sides of the screen, regardless of scrolling position

Web app: Floating groups

This article covers the group type Group Focus.

Web app: Group focus

This section describes the visual elements that are available in the Bubble editor

Web app: Visual elements

Web app: Input forms overview

This article covers elements that accept text and numbers as user input

Web app: Text and number inputs

This section covers elements that accepts dates and time as user input

Web app: Date and time inputs

This article covers elements that lets your users upload files and images

Web app: File upload inputs

This article covers selection control elements, that lets you set up input elements with predefined options

Web app: Selection controls

This article covers reusable elements: elements that can be using in multiple places in your app

How to use reusable elements

iOS and Android apps include elements that are native to their operating systems.

iOS and Android elements overview

iOS and Android App views

iOS and Android containers

iOS and Android visual elements

iOS and Android input forms

Mobile reusable elements

How do I confine search results to a specific country when using the Search Box element for geographic addresses?

Sofia Maconi

Support Bubble

Everything you can place on a page: containers, visual elements, input forms, and mobile-specific components.

Elements

Create a custom design with text, images, and links

How Bubble works

Connect to AI

Bubble community

Mobile

Examples

Marketplace

Forum

Design

Pricing

Experts

Newsletter

Data

Bootcamps

Podcast

Logic

Certification

Early access

Collaboration

Partnerships

Store

Security

Support Policy

Status

Product

Discover

Resources

Community

Academy

Find answers and get help from Intercom Support and Community Experts

Conversations you've started through the messenger will appear here.

No conversations created by you

Try using different keywords or checking for typos.

No conversations found

Title

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

Advertising cookies are set by our advertising partners to collect information about your use of the site, our communications, and other online services over time and with different browsers and devices. They use this information to show you ads online that they think will interest you and measure the ads' performance. Social media cookies are set by social media platforms to enable you to share content on those platforms, and are capable of tracking information about your activity across other online services for use as described in their privacy policies.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies are necessary for the website to function and cannot be switched off in our systems.

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Empty Help Center

Uh oh. That page doesn’t exist.

Home

Search results

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.