> For the complete documentation index, see [llms.txt](https://academy.any2info.com/any2info-academy/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/dashboard/layouts.md).

# Layouts

Add custom responsive layouts to a dashboard page

#### Create custom responsive layouts

The Any2info designer tools offer functionality to build **responsive applications** (docking, scaling, etc.) for desktop and/or native app, mostly with one design. 

**In order to be able to tailor applications even more, the option “layouts” is available.** The screen design (including all data links) can be quickly and easily repositioned on a newly created layout that is optimized for use on desktop (including portals), tablet or smartphone. 

Based on the available layout(s), the application (app or web app) will automatically show the appropriate screen.

![](https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2Fyhmc0ISlEs99Gb9MTkQ7%2FImage%20layouts%204.png?alt=media\&token=75e327b2-f99b-4e35-a3fb-8f6f861ee972)

#### Drag and drop (panels with) components on the layout - canvas

![](https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2FIJfo6BDB4rcTZ8OpJyZL%2FImage%20layouts%20dashboards%201.jpg?alt=media\&token=52f91129-e018-4ff8-a781-dda53d1c0929)

![](https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2FdtMVgXDLfn3Piz1ztuug%2FImage%20layouts%20dashboards%202.jpg?alt=media\&token=a7d2dfd6-97c0-4a0b-b66c-a518d90fc2cd)

#### Error message by using layouts

If layouts are created without controls from the original root, in which events or links have been set up, an error message will appear above the canvas. See image below.

![](https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2FJ2PHMdChjs1CvluaGvzw%2FImage%20layouts%208%20error%20messages.png?alt=media\&token=3b98d219-0247-4502-8c74-3be4e8b13e7c)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/dashboard/layouts.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.