article(s) dans votre panier VOIR

Faire des Tooltips avec le framewok Materialize CSS

  • Vidéo 17 sur 20
  • 2h22 de formation
  • 20 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Tooltips
00:00 / 02:09
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
39,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Détails de la formation

Dans ce cours en ligne concernant le Materialize CSS, le formateur Jean Bernard André vous explique Tooltips d’un site materialize CSS. Cette formation vidéo a pour objectif d’arriver à ajouter des Tooltips sur le formulaire du site. Pour y parvenir, vous saisissez en premier lieu un élément de type Input dans votre Div. Vous remplissez les variables Type, Name et Id selon votre besoin. Ensuite de cela, vous ajoutez la classe Tooltipped. Pour cela, vous avez donc le code class= « tooltipped ». Ce code vous permet d’indiquer qu’il s’agit d’un Tooltips. Il est également nécessaire d’ajouter quelque data element. En premier, le Data-position qui sert à indiquer l’emplacement du Tooltip. Pour cela, vous avez le code Data-position = « Bottom ». Bottom indique que le tooltip se place au-dessous du curseur. Il est donc possible de le placer en haut, à gauche ou à droite. Dans ce cas, vous utilisez Top, Left ou Right. Vous avez aussi le Data-delay qui définit la durée du Tooltip. En dernier, vous avez le Data-tooltip, cette classe vous permet d’insérer le texte qui s’affiche dans votre Tooltip. Si vous souhaitez appliquer le Tooltip dans d’autres parties de votre formulaire, il suffit d’effectuer un copier-coller. Pour conclure, la visualisation de cette vidéo vous permet de connaitre les procédures pour créer un Tooltips.