---
description: Insérer un menu des éléments de la page.
---

# Sommaire

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2Fp7RSI49aLw51SGV6F5fi%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2011.48.23.png?alt=media&#x26;token=92bf4304-d1f6-4ad8-841d-3440067f02df" 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-non-red?style=for-the-badge\&logo=typo3)

## Présentation

{% hint style="info" %}
Ce composant permet d'afficher des ancres vers les différents contenus d’une ou de plusieurs pages. Un sommaire que vous pouvez insérer par exemple au début de votre page.
{% endhint %}

### Ajout d'un nouveau composant Sommaire

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

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2Fz5wSryRSYW6fIJbZ3FhS%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2011.28.37.png?alt=media&#x26;token=e110ea7b-4f21-4096-a2e5-1ee7c99381db" 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 **Index de section** et est disponible dans l'onglet **Menu**.
{% 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 un **lien** (optionnel)
5. Dans la zone **Sélectionner une ou plusieurs pages** sélectionnez une ou plusieurs pages (logique :) en cliquant sur l'icône en forme de dossier à droite. Vous pouvez, avec les flèches, réorganisé l'ordre d'affichage des pages.
6. Enregistrez vos modifications

{% hint style="success" %}
Si vous ne choisissez aucune page dans la zone **Sélectionner une ou plusieurs pages** le composant affichera alors le menu de la page courant&#x65;**.**
{% endhint %}

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FEkWrSM6bQ4t3X6wcZXcs%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2012.55.43.png?alt=media&#x26;token=d1340bd3-5bbc-42df-838b-3da956d4e68f" alt=""><figcaption></figcaption></figure>

## Exemples

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