web-dev-qa-db-fra.com

Comment afficher les données originales lors de l'utilisation des points de suspension?

J'ai un certain nombre de champs dans mon interface utilisateur qui pourraient être assez longs. Il s'agit généralement d'un champ d'emplacement. En ce moment, je mets une ellipse dans le champ, mais parfois l'utilisateur a besoin de voir la chaîne entière. La conception utilisait initialement des chapiteaux ( frémissement ) mais je pense qu'il doit y avoir une meilleure façon de le faire.

enter image description here

Quelques options auxquelles j'ai pensé:

  • Infobulle au survol. Les info-bulles pourraient cependant être assez volumineuses, et qu'en est-il de la tablette?)
  • Chapiteau en vol stationnaire, pas idéal mais peut-être pas terrible? Pas super non plus pour la tablette.
  • Afficher une meilleure données raccourcies. 27 Packman Drive, LE11 0TZ peut donner plus d'informations et donc annuler le besoin de points de suspension? Difficile cependant de s'assurer que la longueur de la chaîne est suffisamment courte.
4
Chris

Optez pour une approche tactile qui montrera à l'utilisateur toutes les informations s'il choisit d'interagir avec l'étiquette d'adresse.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

1
Aaron Hudon

L'infobulle au survol semble correcte si vous modifiez le comportement sur les appareils tactiles de survol à basculer au clic et rendre un interrupteur à bascule clairement reconnaissable (elipsis dans votre cas, s'il reste doit être plus reconnaissable comme cliquable objet). Ceci est relativement facile à réaliser avec du CSS avancé et/ou juste un peu de Javascript.

0
Siniša Šašić