---
description: Insérer plusieurs éléments sous forme d'onglet
---

# Onglet

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FWQ39fxPtOq4EiLjNKiUU%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2009.59.21.png?alt=media&#x26;token=724c1131-8f28-4cd9-9d80-681b803fda55" 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 Onglet

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 Onglet.
2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.
3. Sélectionnez  **Onglet** dans l'onglet **Groupes**.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2F5lCx8W4uWNYTyVVU3F36%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2010.01.21.png?alt=media&#x26;token=980418fb-cc7b-43d6-b380-a4d455c5ad23" 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 **Onglet** 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 **Contenu Onglets** et est disponible dans l'onglet **Contenus spéciaux**.
{% endhint %}

### Configuration du composant

1. Une fois que vous avez ajouté un onglet, vous verrez une boîte de dialogue de configuration.
2. Ajoutez un **titre** (optionnel)
3. Choisissez un **type** (pour le titre)
4. Ajoutez un **lien** (optionnel)
5. Dans la zone **Item de tabulation** cliquez sur **+ Créer nouveau**.
   1. Entrez un En-tête (c'est le titre de l'onglet)
   2. Entrez un **texte**
   3. Ajoutez éventuellement des **Média** et choisissez sa **position**
6. Recommencez le point 5. pour chaque item de l'accordéon.
7.  Enregistrez vos modifications

    <figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2F1yL7Geq7jwiqfAHEoS8X%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2010.08.36.png?alt=media&#x26;token=30085c6a-533d-4ef9-bfb8-4ed9c1eb85e7" alt=""><figcaption></figcaption></figure>

## Exemples

Vous pouvez trouver des **exemples** d'utilisation du Contenu **Onglet** :&#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/onglet" %}
