> For the complete documentation index, see [llms.txt](https://docs.punkland.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.punkland.io/punkland-studio/in-depthguide/layoutmanager.md).

# Layout Manager

When you click **\[Tools] - \[Layout Manager]**, a layout editing popup window will appear.\
It includes various features such as managing controls, custom menus, adding quick slots, and more.

<figure><img src="https://2238012829-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2Ka7Zw6XRkhbp2nH2Oz3%2Fuploads%2FfPchTHWYRzwzm042vCcb%2FScreenshot%202024-12-09%20160344.png?alt=media&amp;token=42c92599-ff0e-49af-9567-94030ed95ef3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2238012829-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2Ka7Zw6XRkhbp2nH2Oz3%2Fuploads%2FxQZVbvX9h8s99uk7OF60%2Fimage.png?alt=media&amp;token=d3cf2e0d-b3c0-401d-b29d-e927bf046755" alt=""><figcaption></figcaption></figure>

① **Page List**\
The Layout Manager manages layouts on a page-by-page basis.

② **Control Box**\
Controls can be created within the layout page.

③ **Control List**\
View the controls that have been created on the selected page.

④ **Properties Box**\
Allows you to view and set properties for pages, controls, and other elements.

⑤ **Quick Menu Box**\
Presented in icon form, this includes functions for initialization, saving, exporting, importing, managing custom menus, and creating controls.

⑥ **Layout View**\
Allows you to preview how the layout will appear in-game and adjust controls in detail.

**Exiting the Layout**

When you finish editing the layout and close the popup window, a confirmation dialog will appear: **"Do you want to save the changes to the layout?"**

<figure><img src="https://2238012829-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2Ka7Zw6XRkhbp2nH2Oz3%2Fuploads%2FO4WtqYQABZx7sRoy3vkD%2Fimage.png?alt=media&amp;token=90a0d3e4-0995-4b78-852b-86c7fb37c744" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2238012829-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2Ka7Zw6XRkhbp2nH2Oz3%2Fuploads%2FflTVwkl2za1n24aYvuIU%2FScreenshot%202024-12-09%20160630.png?alt=media&amp;token=58696528-4d9e-429f-8b45-a1af8f22c7a4" alt=""><figcaption></figcaption></figure>

**Notification Upon Save Completion**

When saving is complete, a notification will appear, and the changes will be applied.