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 indiquez le contenu 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é élargie et mise en gras. La deuxième 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 ci-dessus :


<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’apparence du tableau de bord et apporter du contexte. 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 absent de votre clavier, vous pouvez copier ce symbole à partir d’un autre emplacement directement dans l’éditeur de texte enrichi ou dans d’autres zones de texte (les paramètres de texte de l’indicateur, par exemple). Une autre solution consiste à fournir le code de référence décimal (dec) ou hexadécimal (hex) du symbole dans 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 (des noms de champs, par exemple) aux é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.

Éditeur de texte

Pour ce faire, indiquez le nom de champ directement dans la source HTML ou cliquez sur Insert (Insérer) Insert et choisissez un nom de champ ou l’une des options de texte dynamique suivantes dans la liste déroulante :

  • Application : affichez les paramètres régionaux et le fuseau horaire du tableau de bord. Vous pouvez également les insérer dans différents emplacements dans lesquels les titres et descriptions s’affichent en général (un en-tête, un écran de présentation, un modèle d’élément de ligne dans des listes ou certains éléments, par exemple).
  • Item (Élément) : affichez le titre, la description, la date de création ou de modification du tableau de bord et d’autres informations dans la page des détails de l’élément. Vous pouvez les ajouter dans différents emplacements où les titres et descriptions s’affichent en général (les éléments, le volet d’en-tête, la barre latérale, l’écran de présentation et l’élément de texte enrichi, par exemple).
  • Field Values (Valeurs de champ) : affichez les champs. Vous pouvez les insérer dans un modèle d’élément de ligne des listes, dans des sélecteurs de catégories et dans des éléments basés sur des entités (une jauge et un indicateur, par exemple).
  • Calculated Values (Valeurs calculées) : affichez les statistiques agrégées dans l’élément d’indicateur.


Dans cette rubrique
  1. Symboles HTML
  2. Texte dynamique