---
description: Le panneau permet de mettre en avant un texte dans une boite de couleur.
---

# Panneau

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FraqquZ2q5yPxh9cUndix%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-04%20a%CC%80%2009.54.25.png?alt=media&#x26;token=c1192746-2ba4-4518-b937-32dbd2cb3440" alt=""><figcaption></figcaption></figure>

## Disponible sur...

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/satellites-oui-green?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/intranet-oui-green?style=for-the-badge\&logo=typo3)

## Présentation

### Ajout d'un nouveau composant Panneau

1. Sur la page en mode ![](https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FSD1CZ72IMzn7bulXsE7C%2Fmode-rediger.png?alt=media\&token=f16ba40e-ee9d-4538-be59-993d8c842dae), trouvez la section où vous souhaitez ajouter un composant Panneau.
2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.
3. Sélectionnez  **Panneau** dans l'onglet **Texte & Médias**.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FCFQMg6tBvucdCoofKMG5%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-04%20a%CC%80%2009.27.03.png?alt=media&#x26;token=c872529e-a06b-4529-8a93-71ad6451b9db" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Pour les sites ![](https://img.shields.io/badge/satellites-oui-green?style=for-the-badge\&logo=typo3) le composant se nomme **Panneau** et est disponible dans l'onglet **Contenus flexibles**.

Pour les sites ![](https://img.shields.io/badge/intranet-oui-green?style=for-the-badge\&logo=typo3) le composant se nomme Panel et est disponible dans l'onglet **Contenus spéciaux**.
{% endhint %}

### Configuration du composant

1. Une fois que vous avez ajouté le composant, vous verrez une boîte de dialogue de configuration.
2. Ajoutez un **titre** (optionnel)
3. Choisissez un **type** (pour le titre)
4. Ajoutez le **texte** qui s'affichera dans le panneau
5. Choisissez la **Class du panneau**. C'est elle qui détermine la couleur du panneau. Vous pouvez visualiser les différents choix sur [la page exemples](https://template.univ-gustave-eiffel.fr/test-contenus/panneau). **Cette option n'est disponible que pour** les sites ![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)
6. Enregistrez vos modifications

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FdhfNi8kLpgh8RqzbMz8p%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-04%20a%CC%80%2010.44.37.png?alt=media&#x26;token=ab7088bf-69a3-4330-b149-3fd58a7b0ab8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Si vous ne rentrez aucun **titre** vous obtiendrez alors seulement un encadré autour de votre texte. Cette option peut parfois être utile pour mettre en avant une portion de texte.&#x20;
{% endhint %}

## Exemples

Vous pouvez trouver des **exemples** d'utilisation du Contenu Panneau :&#x20;

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)

{% embed url="https://template.univ-gustave-eiffel.fr/test-contenus/panneau" %}
