---
description: Insérer un élément avec plusieurs contenus de type carte.
---

# Groupe de carte

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FCP0QJSYe99IbQ6uJXYGN%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-04%20a%CC%80%2011.45.48.png?alt=media&#x26;token=5bdd2645-24f2-4065-a6d6-dad5596d13cf" 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-non-red?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/intranet-non-red?style=for-the-badge\&logo=typo3)

## Présentation

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

### Ajout d'un nouveau composant Groupe de carte

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 Groupe de carte.
2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.
3. Sélectionnez  **Contenu audio** 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%2FgKJB2x1O1F7FSBRa7bFJ%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-04%20a%CC%80%2013.04.21.png?alt=media&#x26;token=560412c9-66c0-4b4f-9ba2-85d780e03220" alt=""><figcaption></figcaption></figure>

### Configuration du composant

Dans l'onglet **Général**

1. Entrez un titre (optionnel) dans la zone **titre**
2. Entrez éventuellement un lien (optionnel) dans la zone **Lien.**&#x20;
3. Cliquez sur **+ Créer nouveau** pour ajouter une carte
4. Pour chaque carte :&#x20;
   1. Entrez un **titre** (optionnel)
   2. Entrez un **sous-titre** (optionnel)
   3. Téléchargez ou choisissez une **image** (optionnel)
   4. Entrez du **texte** (optionnel)
   5. Entrez un **lien** et le **titre** qui s'affichera sur le bouton (optionnel)
   6. &#x20;Téléchargez ou choisissez une **icône** (optionnel)
   7. Choisissez la **couleur** du bouton

{% hint style="info" %}
Le bouton ne s'affichera que si un lien ET un titre de bouton ont été saisis.
{% endhint %}

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2Fu2wBSlFteoyjtoVPorMb%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-04%20a%CC%80%2013.09.09.png?alt=media&#x26;token=996ee78e-79bf-4fc8-bce3-17db7905ad7d" alt=""><figcaption></figcaption></figure>

Dans l'onglet **Options**

1. Choisissez **l'alignement** des cartes (dans le cas ou le nombre de cartes est inférieur au nombre de colonnes)
2. Choisissez sur combien de **colonnes** doivent s'afficher les cartes

## Exemples

Vous pouvez trouver des **exemples** d'utilisation du Groupe de carte sur la page :&#x20;

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