# ServoyMenu Selection Wizard

## Overview

<div align="center"><figure><img src="/files/ajZwzSJshltkPswMueKK" alt=""><figcaption><p>Menu Selection Wizard</p></figcaption></figure></div>

The **Menu Selection Wizard** allows developers to assign an existing Servoy Menu to compatible components like [Sidenav](/guides/develop/application-design/ui-components/navigation/sidenav.md#overview) or [Navbar](/guides/develop/application-design/ui-components/navigation/navbar.md#overview). This wizard ensures that only predefined menus are available for selection, streamlining the process of linking menus to components.

## Sections

### Search Field

The input field where you can type text to filter the list of available Servoy Menus, making it easier to locate menus in projects with multiple menu configurations. It dynamically updates the list based on the input.

### Menu List

Displays the list of available [Servoy Menus](/guides/develop/application-design/data-modeling/menu.md#overview) along with the default `-none-` option.\
Selecting `-none-` removes any assigned menu from the component.

### Action Buttons

* **OK**: Assigns the selected [Servoy Menu](/guides/develop/application-design/data-modeling/menu.md#overview) to the component.
* **Cancel**: Closes the wizard without making changes.

## Using the Menu Selection Wizard

<div align="center"><figure><img src="/files/rSQ1ef7hdvg6XSIwBXBQ" alt=""><figcaption><p>Example: assign a Servoy Menu to a Navbar component</p></figcaption></figure></div>

Here are the steps for using the **JSMenu Compatible Component Selector**:

1. Access the Wizard:
   * Open the properties panel of a compatible component, such as [Sidenav](/guides/develop/application-design/ui-components/navigation/sidenav.md#overview) or [Navbar](/guides/develop/application-design/ui-components/navigation/navbar.md#overview).
   * Locate the `servoyMenu` property and doulbe click the its value to open the **Menu Selection Wizard**.
2. Search for a Menu (Optional)
   * Type the menu name (or part of it) in the search field to filter the available Servoy Menus.
3. Select a Menu
   * Click on the desired [Servoy Menu](/guides/develop/application-design/data-modeling/menu.md#overview) from the list.
   * If you want to remove any menu assignment, select `-none-`.
4. Confirm the Selection
   * Click `OK` to assign the selected menu to the `servoyMenu` property of the component.
5. Cancel if necessary
   * Click `Cancel` to close the wizard without applying any changes.


---

# 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.servoy.com/reference/servoy-developer/object-editors/menu-selection-wizard.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.