Lors de l'ajout d'un nouvel onglet de contenu externe (External Content), il est possible d'intégrer du contenu provenant d'un site web ou de YouTube.

iFrame

Pour charger un site web directement dans un onglet, saisissez une URL intégrable dans le champ iFrame. Veuillez éviter d'utiliser des pages d'accueil de sites web standards ou des URL de premier niveau à cette fin, car la plupart des sites bloquent cette pratique pour des raisons de sécurité, ce qui peut entraîner l'affichage d'un onglet vide ou un dysfonctionnement.

Vidéo YouTube

Pour afficher une vidéo YouTube, saisissez l'identifiant unique de la vidéo (Video ID) qui se trouve à la fin de l'URL de la vidéo. Veuillez noter que si un utilisateur n'a pas accepté les cookies tiers dans son navigateur, la vidéo ne se chargera pas automatiquement. À la place, une image de couverture s'affichera, permettant à l'utilisateur d'accepter les conditions d'utilisation de YouTube pour visionner la vidéo.

Affichez les détails individuels des résultats avec les Vues des participants, soit en pop-up depuis une liste publiée, soit via une URL directe. Créez différentes vues selon vos besoins, ou ajustez une vue avec des filtres pour correspondre aux exigences.

Prévisualisez une Vue des participants et vérifiez l'URL directe en saisissant un dossard, puis cliquez sur « Ouvrir l'onglet ».

Paramètres généraux

Activez la vue et activez la Mise à jour en direct pour permettre une actualisation instantanée des informations lorsque la Vue des participants est ouverte, aussi bien dans le pop-up que dans la vue directe.

Le nom de la vue est uniquement utilisé en interne pour une meilleure organisation lorsqu'il existe plusieurs vues différentes et pour sélectionner une vue dans les Onglets.

Indiquez une URL explicite et concise. Celle-ci est utilisée comme extension pour l'URL directe et ne doit pas être réutilisée dans les onglets ou les vues des participants.

Enfin, définissez une plage de dates pendant laquelle la vue sera active.

Éléments

Les éléments contiennent toutes les informations à afficher. Placez et structurez-y différents types d'informations pour constituer la vue des participants.

Faites glisser et déposez pour modifier l'ordre des éléments en cliquant sur le bord gauche d'une ligne d'élément.
Sélectionnez un ou plusieurs éléments en cochant les cases correspondantes. Cela ouvre une barre d'outils permettant de copier, couper et coller des éléments entre différentes Vues des participants, voire entre différents fichiers d'événement. Les éléments copiés ou coupés seront collés au-dessus de l'élément actuellement sélectionné. De plus, la sélection multiple d'éléments simplifie la suppression, le désindentation ou l'indentation de plusieurs éléments à la fois.

Indenter certains éléments fait du premier élément de niveau « supérieur » l'élément parent. Tous les filtres d'affichage tels que la « Sélection active » ou le « Afficher si » s'appliquent en conséquence aux enfants d'un élément.

Type

Le type définit quelle sorte d'information est affichée et comment elle est structurée. Choisissez parmi différentes options.

Structure – les éléments de structure définissent comment les données et informations sont organisées.

• Boîte : Une boîte place un fond blanc et une bordure autour des éléments enfants. Saisissez éventuellement un titre de boîte dans la colonne « Données ». Les titres de boîte prennent en charge les champs et donc les expressions normales et en texte intégral.
• Colonnes adaptatives : Dans les colonnes adaptatives, tous les enfants du même niveau seront affichés dans une nouvelle colonne tant que la largeur disponible le permet. Si l'écran est trop étroit, les colonnes adaptatives se réorganisent et affichent les éléments les uns en dessous des autres.
• Colonnes fixes : Les colonnes fixes affichent toujours les enfants du même niveau côte à côte. Si l'écran est trop étroit, les éléments se chevaucheront.

Contenu – les éléments de contenu personnalisent entièrement la Vue des participants avec toutes les données personnelles ou liées à l'événement.

• Texte : Un élément texte est un élément fixe de texte uniquement. Il n'accepte pas les expressions. Saisissez le texte dans la colonne « Données ».
• Champ/Expression : Prend en charge les expressions normales et en texte intégral et permet d'adapter la vue au participant qui la consulte. Ajoutez éventuellement un titre pour ce champ/expression ou affichez-le sous forme de Badge. Ces paramètres se trouvent sous « Plus de détails ».
• HTML : Ajoutez un élément HTML pour une flexibilité graphique totale. L'éditeur HTML s'ouvre dans « Plus de détails » et prend en charge les expressions.
• Image : Ajoutez une image à la vue des participants, par exemple une bannière sponsor ou d'autres visuels liés à l'événement.

Contenu avancé – le contenu avancé utilise des options prédéfinies. Pour tous les éléments de contenu avancé, une case à cocher optionnelle Intégrer dans une boîte avec en-tête sous « Plus de détails » simplifie la configuration en affichant l'élément dans une boîte avec un en-tête multilingue prédéfini. La plupart des éléments de contenu avancé nécessitent des paramètres depuis « Plus de détails ».

• Passages/Segments : Affichez un aperçu de tous les passages et/ou segments. Personnalisez les détails de passages/segments à afficher.
• Liens : Publiez des liens personnels vers d'autres sites web. Personnalisez l'URL à l'aide d'une expression pour rediriger les participants vers une page d'accueil personnalisée, comme leurs photos ou vidéos de course personnelles.
  
• Liste : Sélectionnez une liste à afficher en détails. La liste sera filtrée selon le participant actuellement consulté.
• Fournisseur de photos ext. : Accédez directement aux photos d'événement d'un participant individuel grâce à l'une des intégrations disponibles. Sélectionnez la plateforme à lier, saisissez l'ID d'événement de la plateforme, et les 5 premières photos de ce participant seront affichées en aperçu, avec un lien vers une galerie personnalisée. Si la correspondance est basée sur un numéro de dossard alphanumérique, utilisez le champ optionnel prévu à cet effet.
• Certificats : Sélectionnez les jeux de certificats à publier et pour quelles épreuves. Activez ou désactivez les jeux individuels selon vos besoins. Par défaut, un aperçu du certificat est affiché tel qu'il apparaît dans le designer. Vous pouvez également télécharger une image d'aperçu personnalisée à la place. De même, le nom du jeu de certificats sera affiché, ou définissez un libellé personnalisé.
  
• Commentaires : Ajoutez la possibilité de publier des commentaires sur un participant.
• Favori : Possibilité de marquer un participant comme favori. C'est le seul élément de contenu avancé sans en-tête. Définissez à la place si l'étoile doit apparaître seule ou accompagnée d'un texte.

Actif

Définissez si un élément doit être actif ou non. Distinguez également la disponibilité d'un élément en vue pop-up ou en accès direct uniquement.

Plus de détails

Appliquez une plage de dates sous « Plus de détails » pendant laquelle l'élément est actif. Affichez également des champs de manière dynamique, par exemple en fonction des données saisies pour le participant, en entrant une expression comme filtre sous « Afficher si ».

Enfin, retrouvez en bas une gamme d'options de style CSS prédéfinies. Celles-ci peuvent varier entre les options de style d'élément et de style de titre. « Élément » désigne toujours les données de cette ligne, « titre » désigne uniquement le titre. Le titre provient soit de la colonne « Données », soit du titre saisi dans la section « Plus de détails », selon le type d'élément utilisé.