# Open/close popover

## Open popover

The **Open Popover** Action Node is used to open a specific Popover defined in your User Interface. The Popover UI Component must be placed inside the same View/Dialog where the action containing Open Popover is triggered from.

**Open Popover** has a **Position** setting. The default is **Infer from event**. This will open the selected Popover positioned relatively to the clicked component, for example, a Button, following the **Anchor Origin** setting on the [**Popover**](/library/ui-components/popover.md) component.

You may also set **Position** to **Custom.** This will open the Popover relative to the top-left corner of the viewport (the visible view), at a given number of pixels from top-left. This will happen regardless of where you have put your Popover UI Component in the UI Editor.

All Popovers in the App will be visible in the dropdown menu on the **Popover** property in the Action Node setup.

{% hint style="info" %}
**Note:** If you try to open a Popover that is not visible in the current View, nothing will happen. This happens when the Popover is located in another View, or it is placed within a Container or Visibility Group with a visibility condition currently evaluating to false. 

When using multiple Popovers in your App, it is important to give a unique Name to the Popover UI Components, in order to be able to select the correct Popover using the Open Popover Action Node.
{% endhint %}

{% hint style="info" %}
An example setup of Open Popover is showcased in our [Showroom](https://showroom.appfarm.app/action-nodes/open-popover)! You may view a demo, as well as access the setup in Appfarm Create. If you do not have access, you may register [here](https://showroom.appfarm.app/sign-up).
{% endhint %}

## Close popover

The **Close Popover** Action Node will close the selected [**Popover**](/library/ui-components/popover.md). The Close Popover Action Node is typically used to close the popover when a user clicks a button inside the popover to perform an action.

All Popovers in the App will be visible in the dropdown menu on the **Popover** property in the Action Node setup.

Popovers are also closed when clicking outside of the popover when open.

{% hint style="info" %}
An example setup of Open/Close Popover is showcased in our [Showroom](https://showroom.appfarm.app/action-nodes/open-popover)! You may view a demo, as well as access the setup in Appfarm Create. If you do not have access, you may register [here](https://showroom.appfarm.app/sign-up).
{% endhint %}


---

# 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://docs.appfarm.io/library/action-nodes/open-and-close-popover.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.