Navigating the Bubble Editor
Last updated
Last updated
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:
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.
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:
If you are looking for a specific element by name, you can type that element's name in the Element Search bar (shown below):
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:
In order to find an element's place within the Elements Tree, right-click the element and select Reveal in Elements Tree:
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:
