# The element property editor

The element property editor is where you configure an element’s settings and behavior. To show the property editor, select an element. Changes made in the property editor apply only to that specific element instance.

## Element property editor tabs and sections

The property editor consists of three tabs:

<figure><img src="/files/qajskP3RTwkzN3hXywPT" alt=""><figcaption><p>The property editor is divided into three tabs: <strong>Visual</strong>, <strong>Interaction</strong> and <strong>Conditional</strong>.</p></figcaption></figure>

Each tab is divided into a number of sections, each of which can be opened and closed to navigate the property editor efficiently. Most elements contain a core set of sections:

{% hint style="info" %}
**Note:** The sections available in the property editor vary by element type. Not all sections listed below appear for every element.
{% endhint %}

| Tab             | Description                                                                                                                                                                                                                                                       |
| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Visual**      | The *Visual* tab contains properties that control how elements look and behave in your app's layout. Properties are listed in each element type under [Element properties](/core-resources/bubble-elements/element-properties.md).                                |
| **Interaction** | The *Interaction* tab contains properties that control how the element responds to user input, as well as element-specific options. Properties are listed in each element type under [Element properties](/core-resources/bubble-elements/element-properties.md). |
| **Conditional** | The *Conditional* tab contains all the conditionals tied to the selected element. You can read more about conditionals [here](/core-resources/bubble-elements/conditional-element-properties.md).                                                                 |

## Resizing the property editor

The property editor is fixed to the right side of the viewport. You can adjust its width by clicking and dragging its left edge, between a minimum of 275 pixels and a maximum of 500 pixels.

## Editing multiple elements

You can select more than one element to edit their properties in bulk. Note that not all properties can be edited this way. To select more than one element, click and drag on the editor tab canvas, or select one by one by holding shift and clicking one element at a time.

The element property editor will only show the tabs and properties that are available for batch editing.

## Element properties

For a list of all elements and their properties, see the article below:

Reference: [Element properties](/core-resources/bubble-elements/element-properties.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://manual.bubble.io/core-resources/bubble-elements/the-element-property-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.