General Properties

The properties here apply to all elements in Bubble.

Changing the parent element's type

This option modifies the type of content of the parent element on the fly. The type of content defines what type of thing a group should expect, so that you can refer to it when editing the app. For example, a group can receive a user, who isn't necessarily the current user, and then you can add a text element in the group to display the 'Parent group's user's email.'

This element is visible on page load

Check this box to make the element visible by default. This checkbox makes the element visible every time the page loads or reloads. Change the visibility of the element based on certain conditions in the Conditional section in the Property Editor or with a show/hide element action in a workflow. To find hidden elements quickly, click the 'Only show hideable' checkbox in the Elements tree in the Palette. Clicking on the name shows or hides the element for editing purposes only. Like other properties, this setting can be overwritten by a condition on an element or by a show/hide action in a workflow. Actions take precedence over conditions which take precedence over the default setting.

Replace element

Click this button to replace an element with an element of a different type. For example, change an element from a checkbox to a toggle or from a group to a popup. Note: This operation may lead to inconsistencies, so check the Issues Checker to make sure no new issues are introduced. Undo this change, if necessary.

Style

Select a style from this dropdown menu to apply to the selected element. Styles are defined in the Styles Tab and can be applied to more than one element. When a style is modified, all elements with that style will automatically change. Using styles makes editing the app faster and ensures a consistent design.

Remove style

Clicking this button removes the style from the selected element. The style association is removed, but the properties of the style remain on the element.

Edit style

Clicking this button displays the Styles Tab and selects the current element's style.

Select parent

Choose an element from this dropdown menu to contain the selected element. This is convenient when an element is contained by a group with the same dimensions.

Reveal in Elements Tree

Clicking this button shows where the element is in the Elements tree in the Palette.

Lock this element (not draggable in editor)

When this box is checked, the element will not be draggable in the Bubble Editor. This is useful when working on large pages. This has no impact in run mode.

ID Attribute (advanced)

If you activate the option Expose the option to add an ID attribute to HTML elements in the Settings Tab, you can specific a unique ID for some element on the page. This ID will be applied in run mode to the outer div around the element. This is an advanced feature. Warning: Bubble does not guarantee that the internal structure of the divs will remain the same over time. What is guaranteed here is the ID will be applied to the outer element. Keep this mind as you use IDs.