# How to create and work with Action boxes

* To create an Action box, click the \[+ Action box] button.

{% embed url="<https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactionboxes_addactionbox_img1.png>" %}

* Users can choose the Action box options in the burger menu icon (see the picture below). It displays the burger menu options:

{% embed url="<https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactionboxes_expandedoptionsactionbox_img3.png>" %}

* The options in the burger menu are:&#x20;

  * View Action box as full screen.

  <figure><img src="https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactionboxes_burgermenu_fullscreen.png" alt=""><figcaption></figcaption></figure>

  <br>

  * Move the placement position of an Action box up.

  <figure><img src="https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactionboxes_burgermenu_moveup.png" alt=""><figcaption></figcaption></figure>

  * Move the placement position of an Action box down.

  <figure><img src="https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactionboxes_burgermenu_movedown.png" alt=""><figcaption></figcaption></figure>

  * Create a copy of the Action box.

  <figure><img src="https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactionboxes_burgermenu_createcopy.png" alt=""><figcaption></figcaption></figure>

  * Disable the Action box.

  <figure><img src="https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactionboxes_burgermenu_disable.png" alt=""><figcaption></figcaption></figure>

  * To expand or collapse an Action box, click the arrow in the top right corner. (see the picture below)

{% embed url="<https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactionboxes_expandactionboxarrow.png>" %}

* To delete an Action box, click the (x) button in the top right corner. (see the image below)

{% embed url="<https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactionboxes_burgermenu_delete.png>" %}

* Langstack applications execute the Action boxes top-down direction i.e.; the top-most Action box is executed first. Users can decide the placement position of the Action boxes. For example, in the image below, the Action boxes will be executed in a sequence of 1,2,3.

{% embed url="<https://media.langstack.com/documentation/media/images/code/training_manual/chapter_2/ch2howtocreateandworkwithactions_sequenceofactions.png>" %}

* In some Langstack applications, the Action box is automatically created on the creation of a new application such as API. In other Langstack application templates, users need to create them as required.


---

# 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.langstack.com/welcome/get-started/learn-langstack/basics-and-essentials/what-is-an-action-box/how-to-create-and-work-with-action-boxes.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.