> 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/portail/portal-widgets.md).

# Widgets du portail

Les widgets sont des blocs d'interface utilisateur construits avec PowerShell et Blazor. Vous pouvez créer des interfaces web robustes avec une expérience minimale en développement web.

## Widgets intégrés

PowerShell Universal offre des widgets intégrés pour s'intégrer aux autres fonctionnalités de la plateforme afin d'afficher des éléments d'interface.

### Formulaire de script

Fournit un formulaire aux utilisateurs finaux pour exécuter des scripts. Le script sélectionné devra avoir un rôle défini sous l'onglet ***Portail*** dans les propriétés du script. Si le script n'est pas accessible à l'utilisateur en fonction de son rôle, il ne pourra pas voir le formulaire.

### Tableau de script

<figure><img src="/files/nR9mnkUcAtGSz7xvvtos" alt=""><figcaption><p>Script Table</p></figcaption></figure>

Le widget tableau de script affiche un tableau basé sur la dernière sortie d'un script. Il sélectionne la tâche la plus récente et génère le tableau en fonction des propriétés des objets retournés. Par exemple, essayez d'exécuter un script qui retourne les processus sur la machine actuelle.

```powershell
Get-Process | Select-Object Name, Id
```

### Graphique en secteurs de script

<figure><img src="/files/H0ZYsMunqDRFwVpX3PNh" alt=""><figcaption><p>Script Pie Chart</p></figcaption></figure>

Le widget graphique en secteurs de script affiche un graphique basé sur les données du dernier exécution d'un script. Le script doit produire des données dans un format particulier afin de définir les sections du graphique. Voici un exemple de génération de données pour un graphique en secteurs.

```powershell
1..5 | ForEach-Object {
    [PSCustomObject]@{ 
        type = "Category $_"
        value = Get-Random -Min 5 -Max 60
    }
}
```

Dans les propriétés du widget graphique en secteurs, définissez la propriété de catégorie sur `type` et la propriété de valeur sur `value`.

### Graphique en courbes de script

<figure><img src="/files/zvXrkKqvRz6oZlWMisk0" alt=""><figcaption><p>Script Line Chart</p></figcaption></figure>

Le widget graphique en courbes de script affiche un graphique basé sur les données du dernier exécution d'un script. Le script doit produire des données dans un format particulier afin de définir les courbes du graphique. Voici un exemple de génération de données pour un graphique en courbes.

```powershell
1..5 | ForEach-Object {
    [PSCustomObject]@{ 
        type = "Category $_"
        value = Get-Random -Min 5 -Max 60
    }
}
```

Dans les propriétés du widget graphique en courbes, définissez XProperty sur `type` et YProperty sur `value`.

## Widgets prédéfinis

Vous pouvez trouver des widgets créés par Ironman Software et des membres de la communauté dans la[ galerie PowerShell Universal](/powershell-universal/fr/plateforme/library.md).

## Widgets personnalisés

Vous pouvez développer vos propres widgets personnalisés à l'aide de PSBlazor. PSBlazor utilise une syntaxe similaire à Razor combinée avec PowerShell pour permettre la création de composants entièrement interactifs et personnalisables.


---

# 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:

```
GET https://docs.devolutions.net/powershell-universal/fr/portail/portal-widgets.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.