> For the complete documentation index, see [llms.txt](https://docs.devolutions.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.devolutions.net/powershell-universal/fr/applis/components/layout/grid-layout.md).

# Disposition en grille

Concevez des mises en page de grille par glisser-déposer dans les applis PowerShell Universal, en disposant les composants visuellement et en conservant les dispositions personnalisées par les utilisa

## Grid Layout

Le composant Grid Layout est utile pour définir des mises en page de manière visuelle. Vous pouvez glisser-déposer des composants à l'aide de l'interface web afin de définir automatiquement la mise en page en JSON.

## Concevoir des mises en page

Vous pouvez utiliser le paramètre -Design pour configurer la mise en page de votre page. Cela permet le glisser-déposer dynamique des composants que vous placez dans le contenu de la grille de mise en page. À mesure que vous déplacez et redimensionnez les composants, la mise en page est copiée dans votre presse-papiers. Note : tous les composants doivent posséder un -Id statique

```
New-UDGridLayout -Content { 1..10 | ForEach-Object { New-UDPaper -Id "Paper$" -Content { New-UDTypography -Text $ } -Elevation 5 } } -Design
```

## Utiliser des mises en page

Une fois que vous avez configuré la mise en page selon vos besoins, vous pouvez coller le JSON dans votre script et l'assigner avec le paramètre -Layout. Retirez le paramètre -Design pour verrouiller les éléments en place.

```
$Layout = '{"lg":[{"w":7,"h":7,"x":5,"y":0,"i":"grid-element-Paper1","moved":false,"static":false},{"w":7,"h":5,"x":5,"y":7,"i":"grid-element-Paper2","moved":false,"static":false},{"w":1,"h":1,"x":0,"y":0,"i":"grid-element-Paper3","moved":false,"static":false},{"w":1,"h":1,"x":0,"y":1,"i":"grid-element-Paper4","moved":false,"static":false},{"w":1,"h":1,"x":0,"y":2,"i":"grid-element-Paper5","moved":false,"static":false},{"w":1,"h":1,"x":0,"y":3,"i":"grid-element-Paper6","moved":false,"static":false},{"w":1,"h":1,"x":0,"y":4,"i":"grid-element-Paper7","moved":false,"static":false},{"w":1,"h":1,"x":0,"y":5,"i":"grid-element-Paper8","moved":false,"static":false},{"w":1,"h":1,"x":0,"y":6,"i":"grid-element-Paper9","moved":false,"static":false},{"w":1,"h":1,"x":0,"y":7,"i":"grid-element-Paper10","moved":false,"static":false}]}' 
New-UDGridLayout -Content { 1..10 | ForEach-Object { New-UDPaper -Id "Paper$" -Content { New-UDTypography -Text $ } -Elevation 5 } } -Layout $Layout
```

## Permettre aux utilisateurs de modifier les mises en page

Vous pouvez permettre à vos utilisateurs de modifier dynamiquement les mises en page en utilisant les paramètres -Draggable, -Resizable et -Persist. Les modifications de mise en page sont stockées localement afin que, la prochaine fois que chaque utilisateur visite une page, celle-ci soit chargée avec la mise en page qu'il a choisie.

```
New-UDGridLayout -Content { 1..10 | ForEach-Object { New-UDPaper -Id "Paper$" -Content { New-UDTypography -Text $ } -Elevation 5 } } -Draggable -Resizable -Persist
```


---

# 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.devolutions.net/powershell-universal/fr/applis/components/layout/grid-layout.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.