Les bulles d’aide COMPOSANTS D’INTERFACE:Bulles d’aide

1. L’objectif BULLES D’AIDE:Insérer

Les bulles d’aide sont des éléments très communs dans les interfaces d’administration des CMS notamment. Cela permet aux utilisateurs d’avoir une aide contextuelle sur les fonctionnalités de l’application. Mais bien sûr, vous pouvez utiliser ces bulles d’aide dans les pages web de vos sites.

Le dossier à télécharger pour cet exemple est nommé 08-Interface-06.

2. Les paramètres techniques BULLES D’AIDE:Paramétrer

Les bulles d’aide de Bootstrap fonctionnent avec la librairie Popper.js (https://popper.js.org/). Il faut donc impérativement que votre page fasse référence à cette librairie.

Si vous utilisez le lien vers bootstrap.bundle.min.js, comme nous l’avons toujours fait précédemment, la bibliothèque Popper.js y est liée, donc il n’y aura pas de problèmes de JavaScript.

Le deuxième paramètre technique est l’initialisation des bulles d’aide. Il faut pour cela ajouter avant la fermeture de l’élément <body> une commande JavaScript après les liens aux scripts  :

<!-- Initialisation des bulles d'aides --> 
<script> 
  var tooltipTriggerList = 
[].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) 
  var tooltipList...
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les cartes
Suivant
Les bulles d'aide élaborées