Navigating the Bubble Editor

How to Use the Elements Tree

The Elements Tree lists all of the elements that each page or reusable element contains. By default, when you view a page or reusable element in Bubble, the Elements Tree panel is minimized:

You can expand the Elements Tree by clicking the caret button on the left-side of the Elements Tree:

How to Toggle an Element's Visibility in the Editor

Element names are either light grey, dark grey or blue.

If an element's name is in light grey, that means that it is not being shown to you in the editor.

If an element's name is in dark grey, that means that it is visible in the editor.

If an element's name is in blue, that means it is visible in the editor and selected.

By default, the editor will show all of the elements that are set to "visible on page load", and hide the elements that are hidden on page load. You can show/hide any element in the editor by clicking the element name or eyeball icons to the right of each element's name:

Sometimes, a group element will contain a lot of hidden elements. To make all of the 'children' elements visible at one time (so you don't need to click the eyeball icon multiple times to make each 'child element' visible), you can right-click the group element and click Show all children:

Alternatively, if you want to make all of the 'children' elements hidden at one time in the editor, you can right-click the group element and click Hide all children.

How to Find Elements by Workflow

When reading the documentation, you can easily see the element that each workflow is referring to by right-clicking the workflow event, and clicking Reveal the element:

How to Find Elements by Name in the Editor

If you are looking for a specific element by name, you can type that element's name in the Element Search bar (shown below):

How to Select Elements that are Underneath Other Elements

Use the keyboard shortcut Command + Click to select elements underneath the current, selected element. This saves a ton of time so you won't need to manually move or show/hide elements in order to select the elements underneath:

How to Reveal Elements in the Elements Tree

In order to find an element's place within the Elements Tree, right-click the element and select Reveal in Elements Tree:

Keyboard Shortcuts List

In order to see the most recent Keyboard Shortcuts list, click Help --> Shortcuts List in the editor:

This is the current list of Keyboard Shortcuts: