Key features

Saving your app

Bubble saves your app automatically, in real time. As soon as you modify an element, action, setting, etc., the change will be saved. You will see a 'saving' notification in the top bar for a brief instant, which will change to 'saved' as soon as the saving process is finished.

Saving errors

Occasionally, you may experience an error when Bubble is trying to save the latest changes. This is usually caused by a weak connection and will be resolved as soon as your device is back online.

The Saving... notification in the Bubble toolbar will turn red if it cannot communicate successfully with the server. If this occurs, we advise pausing your work to reduce the risk of data loss.

Undo and redo

You can undo or redo any changes made to your app. Use the respective icons in the top bar to revert or reapply modifications. If you are making significant changes or experimenting with your app and might want to revert to a particular version, we recommend using the feature.

Shortcuts to the core reference

You can access the core reference docs from the editor through the 'See reference' tool-tip. When you hover over an icon or a field for a few seconds, the tool-tip will appear. Clicking on the tool-tip will open a new tab and take you to the right place within the docs. If you already have the docs open, then you'll instantly redirect to the right place.

Hovering an object in the Bubble editor for a second will display the See reference tooltip, which takes you to the relevant entry in the core reference.

You can read more about the difference between the user manual and the core reference in our Introduction section.

App Interface Manager

Navigating pages, views and reusable elements

The app interface manager gives you quick, searchable access to your pages, native mobile views and reusable elements.

In the top left corner of the Bubble editor you will find the app interface manager. Here you navigate:

• Web:

  • Pages: the different pages in your web app.

    • Reusable web element: collections of elements that can be reused across your web app. Marked with a purple color.

• Mobile:

  • Views: lists all the views you have created in your app.

    • Reusable mobile elements: collections of elements that can be reused across your native mobile app. Marked with a purple color.

• Folders: allow you to organize your pages, views and reusable elements into folders for quick access. See more below.

Working with folders

Pages, mobile views, and reusable elements can be organized into folders for easier navigation. Folders are only visible to you and do not impact your app's functionality or appearance for users. Folders do not change or impact the URL of any pages contained within them.

Creating a new folder

To create a new folder, click the Add new button in the upper right corner of the app interface manager. Select folder, and give the folder a name.

Adding a page, view or reusable element to a folder

To add a page, mobile view or reusable element to a folder:

• Hover the relevant page, view or reusable element.

• Click the contextual menu ...

• Click Manage folder and select a folder.

Removing a page, view or reusable element from a folder

To remove a page, mobile view or reusable element from a folder:

• Hover the relevant page, view or reusable element.

• Click the contextual menu ...

• Click Manage folder and select Remove folder.

The Bubble menu

The Bubble menu gives you access to the main menus:

• Edit

• Arrange

• View

• Grids & Guides

For more details on this menu, see the links below:

Reference: Toolbar | Bubble menu