# Submenu

If you feel that one of your menus contains too many elements then adding a submenu is a great way of grouping some of these elements.&#x20;

### Adding the Submenu building block <a href="#add" id="add"></a>

1. Click on **+ Block**.
2. Select the **Submenu** block and click **Add this block**.
3. Fill in the **name** of the block.

   <figure><img src="/files/25WY8iXZdDN6Lsan8CaK" alt=""><figcaption></figcaption></figure>
4. Click on the **icon** if you want to change the image used in the menu.
5. When you’re done, click **Add this Block**.

### **Configuring the Submenu block** <a href="#configure" id="configure"></a>

Placing other building blocks under your **Submenu** building block is quite easy. Click and drag the desired block from the right side of the block onto the **Submenu** block. Blocks that fall under (or within) the submenu are indented slightly to the right. \
\
![](/files/z3A65gsF6rPSBFUUTOet)

The **Submenu** building block editor is composed of two editing screens: **Settings** and **Design**.

The settings in the Settings editing screen determine how your block will function and the settings in the Design screen determine its aesthetics.&#x20;

#### **Settings**

There are several aspects of your **Submenu** block that can be changed in this screen:

* The **name** of the block
* The **icon** (or image) that will be used in the app menu
* The **top image** used in the **Submenu** screen
* The **Navigation style** of your Submenu block

Click on Navigation style to change the view of your submenu.\
\
![](/files/k8l09PrhxwB7ecWPJ8ak)

Should the need arise to keep the users of your published app from using this portion of the app, then you can always make use of the **ON/OFF** sliding selector.

Slide the selector to **OFF** to keep users from seeing the Submenu block. Now you can continue developing your app without worrying about users coming upon areas that you haven't finished developing as of yet. Once you are satisfied with your progress, slide the selector back to **ON** to publish this portion of your app.

#### **Design**

The **Design** screen allows your to make highly detailed changes to your building block. Design gives the developer a remarkable amount of freedom to adjust everything exactly as he or she would like it.


---

# 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.appmachine.com/blocks/submenu.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.
