Key Figures V2

Bloc "Key Figures V2" : Démo

1/ Créer un bloc « Key Figures V2 »

1. Pour ajouter un bloc « Key Figures V2 », restez en mode « Page ». Le mode « Page » est sélectionné par défaut dans le menu gauche.

2. Recherchez dans l’arborescence la page où vous souhaitez ajouter votre contenu et cliquez dessus.

3. Dans la catégorie « Main content » de votre page, cliquez sur l’icône « New Record ». Cliquez sur l’onglet « Dynamic Content Elements ». Puis sélectionnez « Key Figures V2 ». Vous accédez alors aux propriétés de ce contenu que vous devez définir.

 4. Vérifiez que le Type « Key figures V2 » est affiché.

 2/ Définir les propriétés : Onglet « General »

1. Indiquez le chiffre à mettre en avant sur votre bloc.

2. Précisez votre libellé : l’information textuelle.

3. Si nécessaire, vous pouvez préciser un suffixe : C’est-à-dire une unité (%, ans, millions…).

Exemple ici : Chiffre = 25,9    /    Libellé = moyenne d’âge    /    Suffixe = ans

Voir Démo du bloc "Key Figures V2"

3/ Définir les propriétés : Onglet « Picto »

Pour ajouter un picto/visuel à votre bloc « Key figures v2 », vous avez 2 possibilités :

1. Importez votre picto depuis le site Font-awesome : fontawesome.io/icons/

Pour cela, vous devez insérer le code du picto que vous souhaitez intégrer dans le champ concerné 1.

Exemple : Pour le picto ci-dessous, recopiez fa-users dans le champ concerné 1. sur TYPO3.

2. Seconde possibilité, importez votre picto/visuel au format SVG, depuis votre ordinateur ou bien depuis la base de visuels TYPO3.

4/ Définir les propriétés : Onglet « Options »

1. Sélectionnez la couleur du chiffre clé. Voir Tuto «Sélection couleur»

2. Si nécessaire, vous pouvez modifier la taille du chiffre (et du suffixe si ajouté précédemment). > mais A QUELLE UNITE CELA CORRESPOND ?????????

3. Si nécessaire, vous pouvez modifier la taille du picto.  A QUELLE UNITE CELA CORRESPOND ?????????

4. Cochez cette case si vous souhaitez une animation pour votre chiffre quand l’utilisateur arrive sur la page.

5. Sélectionnez la couleur de votre picto. Voir Tuto «Sélection couleur»

6. Si nécessaire, vous pouvez ajouter un lien si vous souhaitez être redirigé sur un site/une page quand vous cliquez sur votre bloc « Key figures V2 ».

7. Pour finir, enregistrez votre contenu. Voir Tuto «Enregistrer un contenu»

8. Pour information, vous pouvez ajouter de 1 à 4 blocs « Key figures V2 » sur la même ligne avec le « Grid Container ».

Exemple avec 4 blocs

5/ A tout moment, vous pouvez

> Mettre à jour votre contenu

> Cacher   ou Supprimer   votre contenu