Configurer les fenêtres contextuelles d’aide pour les mises en page
Implémenter des fenêtres contextuelles d’aide côté achat dans CPQ.
Des fenêtres contextuelles d’aide fournissent à l’utilisateur plus d’informations sur un champ dans une mise en page. Ils ressemblent au type d’affichage de message tooltip , mais diffèrent sur les points suivants :
- Les info-bulles s’affichent uniquement lorsque la condition d’une règle de message est remplie, tandis que les fenêtres contextuelles d’aide sont toujours présentes sur la mise en page
- Les info-bulles affichent uniquement du texte brut, tandis que les fenêtres contextuelles d’aide peuvent inclure des liens hypertexte, des listes, des italiques, du texte en gras, des retours à la ligne, des images et du texte dynamique
- Les info-bulles apparaissent lors du survol, tandis qu’il faut cliquer sur les icônes contextuelles d’aide pour afficher des messages
Apparition d’une fenêtre contextuelle
L’image ci-dessous montre un message contextuel qui s’affiche lorsque l’utilisateur clique sur son icône d’aide. Pour illustrer du texte dynamique dans une fenêtre contextuelle d’aide, la deuxième image affiche du texte supplémentaire qui apparaît à la suite d’une option de liste déroulante sélectionnée.
Pour implémenter une fenêtre contextuelle de message, ajoutez un en-tête de colonne appelé « aide » dans la cellule K1 de votre mise en page CSV.
Pour un niveau, un ensemble de colonnes ou un champ, le format d’une fenêtre contextuelle d’aide est le suivant :
{"content":"<help body>","heading":"<help heading>","trigger":{"type":"icon","url":"<image.url>”,“label”: “<Label>”}}
Pour affecter un bouton à la fenêtre contextuelle au lieu d’une icône, utilisez « type » : « bouton ». Le bouton ressemble à ce qui suit :
Si vous ne spécifiez pas d’URL d’image, un point d’interrogation apparaîtra :
Si vous ne spécifiez pas d’étiquette, la valeur par défaut est « Aide ».
Formatage du contenu des fenêtres contextuelles
Le tableau suivant montre comment contrôler la mise en forme du contenu d’une fenêtre contextuelle de message.| Option de formatage | Syntaxe | Sortie | Notes |
|---|---|---|---|
| Gras | Texte en gras | [texte affiché en gras] | Peut utiliser des traits de soulignement à la place des astérisques |
| Italique | Texte en italique |
[le texte s’affiche en italique] | Peut utiliser un trait de soulignement au lieu d’un astérisque |
| Liste non triée | Item\r- Item\r- Item |
|
|
| Liste triée | 1.Élément\r2. Élément\r3. Élément |
|
|
| Nouvelle ligne |
|
Première ligne Deuxième ligne |
|
| Lien | [texte d’affichage du lien](https://www.google.com) |
[Le texte d’affichage du lien apparaît sous la forme d’un lien cliquable] | JavaScript sera expurgé |
| Image (GIF) | ! [texte alternatif](URL de l’image \"texte de titre\ ») |
Les guillemets autour du texte du titre doivent être placés dans une séquence d’échappement | |
| Texte dynamique | {{ fieldVariableName }} |
Affiche la valeur du champ sélectionné dans le texte |