Utiliser le langage HTML

Vous pouvez améliorer l’apparence visuelle d’un tableau de bord grâce à l’utilisation efficace du langage HTML. L’élément de texte enrichi, ainsi que les champs de titre et de description de chaque élément, comprend un éditeur de texte WYSIWYG (tel écrit, tel écran) qui offre des options de mise en forme de traitement de texte courantes. Vous pouvez également inclure d’autres mises en forme plus avancées à l’aide d’une combinaison de texte enrichi, de noms de champ, de liens et d’autres contenus HTML pris en charge.

Pour intégrer une mise en forme HTML avancée, comme des balises de contenu Web, cliquez sur Source Source dans l’éditeur de texte et saisissez le HTML.

La liste ci-dessous, par exemple, a été améliorée avec du HTML personnalisé. La première ligne de chaque élément de la liste a été mise en gras et élargie. La seconde et la troisième lignes de texte de chaque élément comportent également des symboles HTML.

Liste avec contenu HTML personnalisé

Le code HTML suivant a été utilisé pour créer la liste :


<p><span style="font-size:20px"><strong>
{field/TEXT_GENERAL_CODE}</strong></span></p>
<p>&#128344;{field/DISPATCH_DATE_TIME}</p>
<p>&#128204;{field/LOCATION_BLOCK}</p>

Symboles HTML

Les symboles HTML peuvent améliorer l’esthétique du tableau de bord et apporter du contexte, là où cela est nécessaire. Vous pouvez ainsi configurer un indicateur pour afficher des triangles qui facilitent la visualisation de l’augmentation ou de la diminution du nombre par rapport aux chiffres d’une semaine précédente.

Indicateur doté de symboles HTML

Si vous souhaitez inclure dans un élément un symbole HTML introuvable sur votre clavier, vous pouvez copier et coller ce symbole à partir d’un autre emplacement directement dans l’éditeur de texte enrichi ou dans d’autres zones de texte, comme les paramètres de texte de l’indicateur. Une autre solution consiste à saisir le code de référence décimal (dec) ou hexadécimal (hex) du symbole à ces emplacements. Par exemple, pour inclure le triangle pointant vers le haut (▲), vous pouvez utiliser son code décimal &#9650; ou hexadécimal &#x25B2;.

Texte dynamique

Vous pouvez également ajouter un texte dynamique, tel que des noms de champs, à vos éléments dans l’éditeur de texte. Lors de l’exécution, les valeurs des champs référencés s’affichent dans le tableau de bord et sont mises à jour dynamiquement. Pour y parvenir, saisissez le nom de champ directement dans la source HTML ou cliquez sur Insérer Insert et choisissez un nom de champ ou toute autre option de texte dynamique depuis la liste déroulante.

Éditeur de texte


Dans cette rubrique
  1. Symboles HTML
  2. Texte dynamique