Texte

Comment créer des textes dynamiques défilant à l’aide de l’éditeur de gabarits ?

Comment faire des outils texte à l'aide dans l'éditeur de gabarit ?

disponible avec:
Lecteur Windows : Premium

Comment appliquez un défilement dynamique d'un champ texte dans l'éditeur de gabarit.

Une fois connecté au studio ITESlive, cliquez sur l'onglet "Configuration" et sélectionnez l'entrée "Gestion des gabarits"

Naviguez dans l'arborescence sur le côté gauche de la fenêtre de gestion des gabarits pour sélectionner le gabarit dans lequel vous souhaitez configurer le texte défilant, une fois le gabarit mis en surbrillance en gris, cliquez sur le bouton "Modifier le gabarit".

Lorsque le gabarit est visible dans l'éditeur de gabarits, créez et sélectionnez le champ texte que vous souhaitez faire défiler. Le champ Id représente est utilisé afin d'identifé le champ texte que vous souhaitez manipuler. La valeur par défaut "text0" peut être modifié à votre guise.

Note : En guise d'exemple nous utiliserons un champ texte statique. Cependant, le défilement supporte tout aussi le contenu provenant d'une source de données. Pour en apprendre plus, consultez qu'est-ce qu'une source de données.

Après avoir pris en note l'Id de votre champ texte, ajoutez et sélectionnez l'image désirée qui sera utilisé comme "bouton" pour le défilement de l'écran. Ensuite cliquez sur le menu "Action"

Dans la nouvelle fenêtre, cliquez sur le bouton + afin d'ajouter une nouvelle action.

Vous retrouverez dans la section droite les champs suivants :

  • Nom : Ce champ est dédié à identifier votre action et est obligatoire.
  • Action : Représente l'action à effectuer, Défilez un bloc de texte.
  • Conditions : Ce champ optionnel, pour en connaitre davantage consultez quelles sont les conditions applicables sur les données d'un gabarit.
  • Cible : Sélectionnez l'Id du champ texte noté lors de l'étape précédente. 
  • Direction : Représente la direction du défilement du texte.
  • Nombre de lignes : Représente le nombre de lignes qui seront défilés lorsque le bouton sera enclenché. Pour défiler le texte vers le haut, il faut sélectionnez une valeur négative comme "-3". Pour défiler vers le bas, sélectionnez une valeur positive comme "2".

Conseil : Le nombre lignes approprié dépendant de plusieurs facteurs comme la quantité de texte, la largeur de la zone ou la taille de la police de charactère. Il est donc recommandé de tester différents nombres de lignes afin de trouver le meilleur rendu possible pour votre affichage.

Lorsque les champs seront remplis, sauvegardez votre nouvelle action puis cliquez sur X pour retourner à votre gabarit. 

De retour dans votre gabarit, reproduisez les étapes avec l'icône que vous avez sélectionnez pour le défilement vers le bas. Il est important de choisir nombre de ligne positif afin de défiler le texte dans la bonne direction. 

Comment tester le défilement.

Sauvegardez les modifications apportées à votre gabarit et fermez l'éditeur.

Ajouter votre gabarit dans une votre gabarit d'écran ou votre gabarit de clip dans votre liste de diffusion puis cliquez sur le bouton d'aperçue.

Dans l'aperçu, vous serez en mesure de cliquer sur vos icones afin de défiler le contenu de votre champ texte.