# Show Menu

{% hint style="info" %}
**Block Information**

Available in: Page Flow

Toolbox Category: Action - Menu

Block Type: [Regular](https://docs.zingy.ai/app-editor/block-anatomy#regular-block)
{% endhint %}

The **`Show Menu`** block is used to dynamically present a [Popup Menu](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/popup-menu) with options to the user of your app.

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FIXAio7E5374o3RVNqcL2%2Fimage.png?alt=media&#x26;token=17e34613-20cb-4bb9-8ae5-db197e107d6d" alt=""><figcaption><p>Show Menu block</p></figcaption></figure></div>

The block consists of the following (from top to bottom):

* *Options List*: [Value Parameter](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) that accepts a [*list*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) value containing the options you want to present.
* *X Position*: [Value Parameter](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) that accepts a [*numeric*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) value for the X coordinate position where the menu will appear. The *xpos* property from the [Action/Event Info](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/action-event-info) block comes pre-attached as a default. You can attach any [*numeric*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) value here to change that.
* *Y Position*: [Value Parameter](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) that accepts a [*numeric*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) value for the Y coordinate position where the menu will appear. The y*pos* property from the [Action/Event Info](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/action-event-info) block comes pre-attached as a default. You can attach any [*numeric*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) value here to change that.
* *Selection Tasks*: a [Flow Parameter](https://docs.zingy.ai/app-editor/block-anatomy#flow-parameters) where you connect blocks that specify what you want done after a selection is made. Use the [Menu Text](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/menu-text) and/or the [Menu Index](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/menu-index) blocks to know what option the user selected.

***

## Usage Example

The example below shows the Show Menu block used to present a menu with two options when button is clicked. Since the *X Position* and *Y Position* [value parameters](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) are using their pre-attached values, the menu will be shown at the location where the click occurred.

<figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FbPb44fa0D05uJkwSbE47%2Fimage.png?alt=media&#x26;token=e2eece74-b7b6-4da7-ae4f-d29f00996403" alt=""><figcaption><p>Example of Show Menu Form</p></figcaption></figure>


---

# 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.zingy.ai/app-editor/page-flow/toolbox-blocks/show-menu.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.