Les types d'éléments Mask

Attention !
Le terme "DCE" (Dynamic Content Element) a été remplacé par "Mask".

Les types d'éléments Mask sont les suivants :

• Accordéon
• Chiffres clés
• Communiqué
• Documents
• Icônes accroche
• Lien microphone
• Map par canton
• Position - détail
• Recommandations de vote
• Réseaux sociaux
• Sections arrondissement
• Slider
• Slider de vidéos youtube avec aperçu gauche et droite
• Thèmes et valeurs - fenêtre accroche
• Valeur - détail

L'utilisation des éléments Slider et Slider de vidéos youtube avec aperçu gauche et droite sont détaillés dans un chapitre dédié.

Avec ce Mask, vous pouvez intégrer un bouton avec un lien pouvant conduire à la page de don dans votre site Web. 

Un accordéon est une structure composée de plusieurs sections contenant du texte. Lorsqu'on visualise l'accordéon la première fois, toutes les sections sont fermées. En cliquant sur une section, celle-ci s'ouvre et dévoile le contenu de section. Lorsqu'on développe (ouvre) une autre section, la précédente section ouverte est alors fermée. Cela permet à l'accordéon d'afficher potentiellement beaucoup d'informations dans un minimum de place.

Voici comment se présente un accordéon à la navigation sur le site :

1. Section 1 de l'accordéon.
2. Section 2 de l'accordéon.
3. Titre de l'accordéon.
4. Titre de la section 1 de l'accordéon.
5. Contenu de la section 1 de l'accordéon.

L'image ci-dessus illustre le fonctionnement de l'accordéon avec un clic sur la surface de la section 1, qui ouvre cette dernière et en affiche le contenu.

Dans l'administration TYPO3, les paramètres d'un Mask de type Accordéon sont les suivants :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre de l'accordéon est affiché, en titre de niveau 2, juste avant la structure de l'accordéon.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. On retrouve dans cette zone l'ensemble du contenu de l'accordéon. Ce contenu est divisé en sections qui constituent les panneaux qui peuvent se déployer lorsqu'on consulte l'information.
9. Cliquez ici pour ajouter une nouvelle section à votre accordéon.
10. Onglets traditionnels TYPO3 qui contient la langue, et les accès à l’élément (date de publication)
11. Possibilité de cacher ou d’afficher l’élément
12. Ce bouton vous permet de supprimer la section de votre accordéon.
13. Affiche des informations sur l’élément
14. Cliquez ici pour ajouter une nouvelle section à votre accordéon.
15. Cliquez sur ce bouton et maintenez appuyé le bouton pour déplacer la section dans la liste. Vous pouvez ainsi changer l'ordre d'apparition de vos sections.
16. Saisissez ici un titre pour la section. Celui-ci sera toujours visible dans l'accordéon affiché sur le site.
17. Entrez le contenu de la section de votre accordéon. Sur le site, ce contenu sera affiché une fois la section développée (ouverte).

⚠ Il vous faut enregistrer une première fois l'élément Accordéon avant de pouvoir y créer des sections.

En plus du Mask « Accordéon », vous avez également accès au Mask « Accordéon HTML ». La principale différence entre le premier et le deuxième est que le deuxième permet l'insertion de contenu tel que des images et des vidéos, ainsi qu'une mise en page comportant jusqu'à trois colonnes.

Voici les étapes à suivre pour installer un accordéon HTML :

Cette structure permet d'afficher des nombres mis en évidences dans des cercles. Ces nombres sont associés avec des appellations et sont affichés ainsi :

La mise en place des chiffres clés se fait grâce aux paramètres suivants :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre est affiché, en titre de niveau 2, juste avant la structure de l'élement.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Dans cette zone se trouvent tous les chiffres clés.
9. Cliquez ici pour ajouter un nouveau chiffre clé.
10. Onglets traditionnels TYPO3 qui contient la langue, et les accès à l’élément (date de publication)
11. Possibilité de cacher ou d’afficher l’élément
12. Cliquez ici pour supprimer ce chiffre clé.
13. Affiche des informations sur l’élément
14. Cliquez ici pour ajouter un nouveau chiffre clé.
15. Cliquez sur ce bouton et maintenez appuyé le bouton pour déplacer le chiffre clé dans la liste. Vous pouvez ainsi changer l'ordre d'apparition de vos chiffres clés.
16. Entrez ici le nombre voulu pour le chiffre clé courant.
17. Saisissez ici l'appellation liée au nombre précédent. N'oubliez pas d'accorder au singulier ou au pluriel, selon le nombre entré précédemment.
18. Vous pouvez définir un lien qui sera appliqué sur le nombre dans son cercle. Ainsi, en prenant l'exemple du chiffre clé 6 Députés, vous pouvez choisir comme lien la page affichant les 6 députés en question.

Cette structure permet d'afficher une information à mettre en avant sur la page d'accueil. Un communiqué se présente ainsi :

1. On trouve tout d'abord le titre de l'élément de contenu. Il n'est néanmoins pas conseillé de l'afficher, mais de le mettre en disposition Caché.
2. Ici se trouve le titre du contenu du communiqué. Avec une phrase courte, on indique l'essentiel de notre communiqué.
3. Ce communiqué possède une image pour l'illustrer.
4. Vous pouvez ajouter ici une mention de catégorie, mais ce choix est optionnel.

Les paramètres dans l'administration TYPO3 permettent de mettre en place ces éléments et se présentent ainsi :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre est affiché, en titre de niveau 2, juste avant la structure de l'élement.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Le titre du contenu est celui qui sera affiché au sein du communiqué. Il est constitué généralement d'une courte phrase, comme pour le chapeau d'un article de presse, qui incitera l'internaute à consulter tout le communiqué.
9. Choisissez ici une image qui constituera le fond du communiqué. Si vous comptez insérer à la place une vidéo (point n°11), il ne faut pas choisir d'image dans ce paramètre.
10. Ancien champ image qu’il ne faut plus utiliser.
11. Possibilité d’ajouter une vidéo YouTube (version embed) si le champ image est vide.
12. Vous pouvez indiquer ici une catégorie ou un thème correspondant au communiqué. Cette catégorie sera affichée dans le coin supérieur gauche du communiqué.
13. Indiquez ici le lien qui sera ouvert en cliquant sur l'actualité. Cela devrait amener logiquement à une page détaillant le contenu du communiqué.
14. Cochez cette case pour faire du communiqué un grand communiqué. [...]

Le Mask Documents offre une structure permettant de proposer une série de fichiers à télécharger. Ces fichiers étant des documents, il est préférable d'utiliser des fichiers PDF. Voici l'apparence d'une telle liste une fois mise en place :

1. On retrouve ici le titre de l'élément Documents.
2. Le premier document proposé possède le titre : Ne pas freiner inutilement la Stratégie Réseaux électriques.
3. Le deuxième document proposé a comme titre : Oui à la loi sur l'énergie. L'icône est colorée en bleu car le curseur de la souris se trouve sur ce document.
4. Le dernier document proposé n'a pas de titre, ce qui est une situation à éviter car rien ne s'affiche à côté de l'icône.

Les paramètres du Mask sont les suivants :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre est affiché, en titre de niveau 2, juste avant la structure de l'élement.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Ce champ sert à rechercher des documents à placer dans la liste.
9. La liste des documents ajoutés (ou à ajouter, si l'élément de contenu n'est pas encore enregistré) est visible ici.
10. Edition de l’image
11. Cliquez ici pour supprimer ce document.
12. Affiche des informations sur l’élément
13. Cliquez sur ce bouton et maintenez appuyé le bouton pour déplacer le chiffre clé dans la liste. Vous pouvez ainsi changer l'ordre d'apparition de vos documents.
14. Possibilité d’afficher un texte alternatif
15. Possibilité d’afficher une légende en dessous de l’image
16. Possibilité d’ajouter un lien sur l’image
17. Possibilité d’afficher un titre à l’image
18. Possibilité de manipuler l’image

Ce type d'élément permet d'afficher une série d'icônes possédant chacune un titre et, normalement, un lien. Voici le résultat affiché en utilisant toutes les icônes différentes :

1. Le titre de l'élément de contenu Icônes accroche est affiché au dessus des icônes.
2. Voici toutes les icônes avec, comme titre, leur nom respectif.

Voici l'interface permettant de régler ces paramètres :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre de l'accordéon est affiché, en titre de niveau 2, juste avant la structure de l'accordéon.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. La zone de contenu permet de gérer quelles icônes seront utilisées, avec leur titre et lien associés.
9. Onglets traditionnels TYPO3 qui contient la langue, et les accès à l’élément (date de publication)
10. Possibilité de cacher ou d’afficher l’élément
11. Supprimer l'icône de votre liste en cliquant sur ce bouton.
12. Affiche des informations sur l’élément
13. Cliquez ici pour ajouter une nouvelle section à votre accroches.
14. Cliquez sur ce bouton et maintenez appuyé le bouton pour déplacer l'icône dans la liste. Vous pouvez ainsi changer l'ordre d'apparition de vos icônes.
15. Saisissez ici le titre de l'icône qui sera affiché juste en dessous de celle-ci.
16. Choisissez dans la liste, le type d'icône à utiliser parmi :
    • Adhésion
    • Cadeau
    • Cohésion
    • Innovation
    • Liberté
    • Newsletter.
17. Saisissez ici le lien qui sera suivi par le navigateur lors d'un clic sur l'icône (ou le titre de l'icône).

Le lien microphone est constitué d'un simple lien avec une icône représentant un microphone :

1. On retrouve ici le titre de l'élément de contenu.
2. Ici se trouve le lien avec son icône représentant un microphone.

Les paramètres du lien microphone sont simples :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre de l'accordéon est affiché, en titre de niveau 2, juste avant la structure de l'accordéon.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Saisissez ici le texte du lien.
9. Entrez le lien qui sera ouvert lors d'un clic sur le texte de lien ou l'icône microphone qui sera placé juste avant.

Ce type de Mask affiche une carte de la Suisse, avec chaque canton sélectionnable. Les informations affichées pour chaque canton sont configurables. Voici comment se présente le Mask Map par canton sur le site :

1. On trouve ici le titre de l'élément de contenu.
2. Cette zone contient le texte personnalisable pour chaque canton. Ceci inclut un titre, une adresse et un texte de contact (e-mails).
3. Ici se trouvent les liens vers les réseaux sociaux pour le canton.
4. Un lien vers le site internet pour le canton est présent également.

Dans l'interface d'administration, les paramètres se présentent ainsi :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre de l'accordéon est affiché, en titre de niveau 2, juste avant la structure de l'accordéon.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Choisissez l'onglet voulu pour accéder à la configuration d'un canton en particulier. L'onglet Default est celui qui est sélectionné ici et détermine quelles informations peuvent être paramétrées lors de l'affichage de la carte lorsqu'aucun canton n'a été sélectionné.
9. Le texte par défaut est le texte affiché lorsqu'aucun canton n'a été sélectionné sur la carte de la Suisse.

Les paramètres disponibles pour chaque canton sont différents de ceux de l'onglet Default :

1. On retrouve ici les onglets de sélection du canton, avec le canton de Vaud sélectionné dans l'exemple.
2. Saisissez ici le titre pour le texte qui sera affiché en sélectionnant ce canton.
3. Vous pouvez entrer ici l'adresse (physique et non électronique) pour le parti du canton sélectionné.
4. Contact permet d'entrer les autres données de contact, comme numéro de téléphone et adresse e-mail.
5. On retrouve ici une liste de réseaux sociaux correspondant au canton.
6. Cliquez sur ce bouton pour développer / fermer tous les reseaux sociaux de la liste.
7. Cet onglet est fermé dans la liste, ce qui fait que ses détails sont masqués.
8. Ce réseau social est ouvert (développé) et ses détails sont donc visibles.
9. Cliquez ici pour supprimer ce réseau social de la liste.
10. Cliquez ici et maintenez appuyé pour déplacer ce réseau social dans la liste.
11. Vous pouvez choisir l'icône affichée avec le lien parmi les icônes des réseaux sociaux suivants :
    • Facebook
    • Twitter
    • Instagram
    • Flickr
    • Youtube
    • LinkedIn
12. Saisissez ici l'URL du réseau social courant.
13. Cliquez ici pour ajouter un nouveau réseau social à la liste.
14. Vous pouvez indiquer un lien vers le site web du canton sélectionné.

Ce type d'élément permet d'afficher les détails d'une prise de position politique. Il se présente ainsi sur le site :

1. On trouve ici le titre de l'élément Position - détail.
2. Ce bouton sert de lien de retour pour sortir de la position sans devoir repasser par le menu.
3. Le sous-titre du Mask se trouve affiché ici.
4. Le texte de la position.
5. Ces zones représentent un type de document.
6. Le titre du type de document.
7. Ces zones représentent les documents listés sous les types de documents.

Dans l'interface d'administration, les paramètres se présentent ainsi :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre est affiché, en titre de niveau 2, juste avant la structure de l'élement.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Définissez ici un lien de retour vers une page. Ceci crée un bouton à côté du titre permettant de suivre ledit lien.
9. Le sous-titre est affiché sous le titre.
10. Saisissez ici le texte relatif à la position adoptée.
11. Ici se trouve la liste des documents pertinents. Ils sont regroupés par type de documents.
12. Cliquez ici pour ajouter un type de document.
13. Onglets traditionnels TYPO3 qui contient la langue, et les accès à l’élément (date de publication)
14. Possibilité de cacher ou d’afficher l’élément
15. Cliquez ici pour supprimer ce chiffre clé.
16. Affiche des informations sur l’élément
17. Cliquez ici pour ajouter une nouvelle position.
18. -
19. Cliquez sur ce bouton et maintenez appuyé le bouton pour déplacer le type de document par rapport aux autres. Vous pouvez ainsi changer l'ordre d'apparition de vos types de documents.
20. Entrez ici le titre définissant le type de document.
21. Ce champ sert à rechercher des documents à placer dans la liste.
22. La liste des documents ajoutés (ou qui vont être ajoutés, si l'élément de contenu n'est pas encore enregistré) est visible ici.
23. Edition du document.
24. Cliquez ici pour supprimer ce document.
25. Affiche des informations sur l’élément.
26. Cliquez sur ce bouton et maintenez appuyé le bouton pour déplacer le document dans la liste. Vous pouvez ainsi changer l'ordre d'apparition de vos documents.
27. Possibilité d’afficher un texte alternatif.
28. Possibilité d’afficher une légende en dessous de l’image.
29. Possibilité d’ajouter un lien sur l’mage.
30. Possibilité d’afficher un titre à l’image.
31. Possibilité de manipuler l’image.

Ce type d'élément illustre les recommandations du PLR pour de proches votations. Les recommandations de vote se présentent ainsi sur le site :

1. Le titre de l'élément Recommandations de vote.
2. Un sous-titre comportant la date des votes concernés.
3. Une recommandation de vote illustrant le oui.
4. Le libellé d'une votation.
5. Une recommandation de vote illustrant le non.

Voici les paramètres de l'interface d'administration :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre est affiché, en titre de niveau 2, juste avant la structure de l'élement.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Le champ Date des votations permet d'insérer un sous-titre précisant à quelle date ont lieu les votations.
9. Cliquez ici pour ajouter une nouvelle recommendation.
10. Possibilité de cacher ou d’afficher l’élément
11. Cliquez sur ce bouton pour supprimer le sujet votation.
12. Affiche des informations sur l’élément
13. Cliquez sur ce bouton pour ajouter un sujet de votation.
14. Changer l’ordre de l’élément et l’amener vers le bas
15. Cliquez sur ce bouton et maintenez appuyé le bouton pour déplacer le sujet de votation par rapport aux autres. Vous pouvez ainsi changer leur ordre d'apparition.
16. Changer l’ordre de l’élément et l’amener vers le haut
17. Onglets traditionnels TYPO3 qui contient la langue, et les accès à l’élément (date de publication)
18. Choisissez ici la recommandation de vote par rapport à la votation.
19. Saisissez le titre du sujet de votation.
20. Vous pouvez préciser un lien pour rediriger un utilisateur lorsqu'il clique sur le sujet de votation.

Ce type d'élément permet d'afficher des icônes de réseaux sociaux servant de liens. Il se présente ainsi sur le site :

1. Le titre de l'élément Réseaux sociaux.
2. Les icônes des réseaux sociaux. Chacun est constitué d'un lien et le nombre d'icônes peut être variable.

Voici les paramètres configurables pour cet élément dans l'interface d'administration :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre est affiché, en titre de niveau 2, juste avant la structure de l'élement.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Cliquez ici pour ajouter un réseau social.
9. Un réseau social est ici fermé et ses détails sont masqués. Cliquer sur la zone grise permet de le développer (l'ouvrir).
10. Un réseau social est ici développé (ouvert) avec ses détails visibles. Cliquez sur la zone grise d'en-tête pour fermer sa visualisation.
11. Possibilité de cacher ou d’afficher l’élément
12. Cliquez ici pour supprimer ce réseau social de la liste.
13. Affiche des informations sur l’élément
14. Cliquez ici pour ajouter un nouveau réseau social.
15. Changer l’ordre de l’élément et l’amener vers le haut
16. Changer l’ordre de l’élément et l’amener vers le bas
17. Cliquez sur ce bouton et maintenez-le appuyé pour déplacer le réseau social par rapport aux autres. Vous pouvez ainsi changer leur ordre d'apparition.
18. Onglets traditionnels TYPO3 qui contient la langue, et les accès à l’élément (date de publication)
19. Choisissez une icône correspondant à votre réseau social parmi celles-ci :
    • Facebook
    • Twitter
    • Instagram
    • Flickr
    • Youtube
    • LinkedIn
20. Définissez ici le lien vers la page du réseau social.

L'élément Sections arrondissement se présente ainsi sur le site :

1. On trouve ici le titre de l'élément.
2. Ici se trouve la liste des sections.

Le paramétrage dans l'interface d'administration se présente de la manière suivante :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. -
6. Le titre est affiché, en titre de niveau 2, juste avant la structure de l'élement.
7. Le style qu’on veut appliquer au titre de l’élément
8. On peut ajouter un lien au titre de l’élément
9. Le choix du canton permet d’afficher le drapeau de celui-ci en fond
10. Dans cette zone se trouve la liste des sections arrondissement.
11. Cliquez sur ce bouton pour ajouter une section.
12. Une section arrondissement est ici fermée et ses détails sont masqués. Cliquer sur la zone grise permet de la développer (l'ouvrir).
13. Une section arrondissement est ici développée (ouverte) avec ses détails visibles. Cliquez sur la zone grise d'en-tête pour fermer sa visualisation.
14. Onglets traditionnels TYPO3 qui contient la langue, et les accès à l’élément (date de publication)
15. Possibilité de cacher ou d’afficher l’élément
16. Cliquez ici pour supprimer cette section de la liste.
17. Affiche des informations sur l’élément
18. Cliquez sur ce bouton pour ajouter une section.
19. Changer l’ordre de l’élément et l’amener vers le haut
20. Changer l’ordre de l’élément et l’amener vers le bas
21. Cliquez sur ce bouton et maintenez-le appuyé pour déplacer la section arrondissement par rapport aux autres. Vous pouvez ainsi changer leur ordre d'apparition.
22. Saisissez ici le titre de la section arrondissement.
23. Définissez ici le lien vers la page de section.

Cet élément affiche des boutons de thèmes ou valeurs servant de lien vers une autre page. Il se présente de la manière suivante sur le site :

1. On trouve ici le titre de l'élément.
2. La liste des boutons pour les thèmes et valeurs.

Le paramètrage dans l'interface d'administration se présente ainsi :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre est affiché, en titre de niveau 2, juste avant la structure de l'élement.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Cliquez ici pour ajouter un nouveau thème à la liste.
9. Un thème est ici fermé et ses détails sont masqués. Cliquer sur la zone grise permet de le développer (l'ouvrir).
10. Un thème est ici développé (ouvert) avec ses détails visibles. Cliquez sur la zone grise d'en-tête pour fermer sa visualisation.
11. Possibilité de cacher ou d’afficher l’élément
12. Cliquez ici pour supprimer ce thème de la liste.
13. Affiche des informations sur l’élément
14. Cliquez ici pour ajouter un nouveau thème à la liste.
15. Changer l’ordre de l’élément et l’amener vers le haut
16. Changer l’ordre de l’élément et l’amener vers le bas
17. Cliquez sur ce bouton et maintenez-le appuyé pour déplacer le thème par rapport aux autres. Vous pouvez ainsi changer leur ordre d'apparition.
18. Saisissez ici le titre du thème.
19. Vous pouvez choisir une image qui servira de fond à votre accroche. L'image doit respecter les dimensions suivantes : 720 x 437 pixels.
20. Vous pouvez choisir une icône représentant votre thème dans cette liste. Cette icône s'affiche au milieu de l'accroche.
21. Choisissez le lien qui sera suivi lors d'un clic sur votre thème.

Un élément Valeur - détail est situé dans une page ciblée par une valeur ou un thème en accroche (élément Thèmes et valeurs - fenêtre accroche). Cet élément se présente ainsi sur le site :

1. Le titre de l'élément.
2. La vidéo liée à l'élément.
3. Le texte du détail valeur.
4. On trouve ici une liste de documents pouvant être classés par groupe.

Les paramètres dans l'interface d'administration sont les suivants :

1. Onglets traditionnels TYPO3 qui contient l’apparence de l’élément, la langue, et les accès à l’élément (date de publication)
2. Le type d'élément de contenu se trouve ici.
3. La colonne indique dans quelle zone de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur.
4. Le container indique dans quel container de la page l'élément de contenu se trouve. Il est préférable d'utiliser un déplacement d'élément de contenu à partir de la vue de contenu de la page plutôt que de changer cette valeur
5. Le titre est affiché, en titre de niveau 2, juste avant la structure de l'élement.
6. Le style qu’on veut appliquer au titre de l’élément
7. On peut ajouter un lien au titre de l’élément
8. Le champ Vidéo vous permet de saisir le code d'intégration Youtube d'une vidéo. Pour savoir comment obtenir ce code d'intégration, consultez le paragraphe Code d'intégration Youtube.
9. Saisissez ici le texte principal du détail de valeur.
10. Cliquez ici pour ajouter un type de document supplémentaire.
11. Possibilité de cacher ou d’afficher l’élément
12. Supprimez le type de document en cliquant sur ce bouton.
13. Affiche des informations sur l’élément
14. Cliquez ici pour ajouter un type de document supplémentaire.
15. Cliquez sur ce bouton et maintenez appuyé le bouton pour déplacer le type de document par rapport aux autres. Vous pouvez ainsi changer l'ordre d'apparition de vos types de documents.
16. Onglets traditionnels TYPO3 qui contient la langue, et les accès à l’élément (date de publication)
17. Entrez ici le titre définissant le type de document.
18. Ce champ sert à rechercher des documents à placer dans la liste.
19. Edition du document.
20. Possibilité d’afficher un texte alternatif.
21. Possibilité d’afficher une légende en dessous de l’image.
22. Possibilité d’ajouter un lien sur l’image.
23. Possibilité d’afficher un titre à l’image.
24. Possibilité de manipuler l’image.

Le champ Vidéo doit contenir le code d'intégration d'une vidéo Youtube. Pour cela, allez sur la page de la vidéo sur le site de Youtube. Vous avez deux possibilités pour obtenir le code d'intégration de la vidéo.
La méthode la plus simple est de faire un clic droit sur la vidéo et choisir l'option Copier le code d'intégration. Il faut vous assurer de ne pas faire votre clic droit lorsqu'une publicité est en cours, car les options du clic droit seront différentes si c'est le cas. Voici une illustration de cette méthode :

La seconde méthode pour obtenir le code d'intégration est de cliquer sur Partager, situé sous la vidéo. Un cadre s'ouvre alors juste en dessous. Cliquez sur Intégrer pour afficher le code d'intégration que vous n'aurez plus qu'à copier :