Version de développement
Cette documentation décrit la version « next » (develop), non encore publiée. Pour la version stable, basculez sur « v5 » dans l'en-tête.
Interface

Info-bulles intelligentes

Les info-bulles s'affichent automatiquement lorsqu'un texte est tronqué, évitant les surcharges visuelles inutiles.

Info-bulles intelligentes

Principe

Dokos affiche désormais des info-bulles (tooltips) uniquement lorsque c'est nécessaire. Concrètement, une info-bulle apparaît automatiquement dès qu'un libellé ou un texte est tronqué par manque d'espace — par exemple lorsqu'une colonne d'un tableau est trop étroite pour afficher tout son contenu ou qu'une icône du bureau ne peut pas afficher son nom en entier.

Cette évolution allège l'interface en évitant l'affichage systématique d'info-bulles redondantes.

Comportement

ÉlémentInfo-bulle affichée
Nom d'icône sur le bureauUniquement si le nom est tronqué
Libellé de colonne dans une listeUniquement si le libellé ne tient pas dans la colonne
Texte tronqué dans un champ ou un boutonUniquement si le texte dépasse la zone disponible
Texte entièrement visibleJamais

Sur le bureau

Les icônes du bureau profitent de ce comportement. Lorsque le nom d'une icône est suffisamment court pour s'afficher en entier, aucune info-bulle n'apparaît au survol. Si le nom est tronqué, l'info-bulle s'affiche pour présenter le nom complet.

Cas d'usage

  • Colonnes d'un tableau : lorsqu'un nom de client, d'article ou de fournisseur est trop long pour la largeur de la colonne, survolez la cellule pour voir la valeur complète.
  • Icônes du bureau : survolez une icône dont le nom est tronqué pour voir le nom complet sans avoir à ouvrir l'élément.
  • Boutons et onglets : les libellés tronqués révèlent leur texte complet au survol.

Exemple

Maison Verte SARL possède un nom relativement long. Dans une liste de clients où la colonne « Nom » est étroite, le nom apparaît tronqué (par exemple « Maison Verte… »). En survolant la cellule, l'info-bulle intelligente affiche le nom complet : « Maison Verte SARL ».

Pour les développeurs

Les info-bulles reposent sur une option only_on_overflow qui permet à un composant d'afficher son tooltip uniquement lorsque son contenu dépasse la zone visible. Cette option est disponible sur le composant Tooltip du framework Dodock.

frappe.ui.tools.tooltip(target_element, {
  content: "Texte de l'info-bulle",
  only_on_overflow: true
});

L'événement de survol est géré par délégation, ce qui améliore les performances sur les pages comportant de nombreux éléments interactifs (listes, bureau).