Suivez Intuiface :
Annonces
🡰 Retour à l'accueil du blog

Connaître le texte adaptatif

Il s'agit d'un billet de blog invité par
Geoff Bessin
OCM

Grâce au texte adaptatif, vous n'aurez plus à vous soucier de la taille d'un contenant. La taille de la police est automatiquement ajustée et le texte débordant est accessible d'un simple glissement.

Si vous avez déjà utilisé Intuiface pour afficher du texte provenant de sources de données externes, vous savez déjà ce que je vais décrire. Pour les autres, soyez attentifs car je vais vous décrire un problème auquel vous n'aurez jamais à faire face.

Les conteneurs de texte d'Intuiface ne changent jamais de taille d'eux-mêmes. Que vous travailliez avec l'élément Texte, l'élément Saisie de texte ou l'un des boutons, la taille du conteneur dans lequel le texte apparaît est aussi rigide qu'un roc. Par conséquent, tout texte qui ne s'adapte pas est coupé. Vous ne pouvez tout simplement pas le voir. Cette situation est loin d'être idéale si vous travaillez avec du texte statique, mais elle n'est pas trop gênante car vous pouvez simplement modifier la taille du texte et du conteneur jusqu'à ce que vous soyez satisfait. Mais qu'en est-il si vous ne savez pas ce que sera le texte au moment de la conception ?

Lorsque du texte est extrait d'une source de données externe, il est peu probable que vous sachiez à l'avance combien de caractères sont attendus. Quelle taille doit donc avoir le conteneur ? Et quelle taille de police utiliser ? La mauvaise nouvelle, c'est qu'il n'y a pas de bonne réponse. Il est possible qu'un débordement se produise, quelles que soient la taille du conteneur et la taille de la police choisies. Inversement, si vous optez pour une taille trop importante, vous risquez de vous retrouver avec d'énormes conteneurs peuplés de minuscules bouts de texte. C'est un excellent obstacle à la conception.

Nous avons maintenant une solution. Il s'agit du texte adaptatif.

Voici comment cela fonctionne. Pour la ressource Texte, la ressource Entrée de texte et tout bouton, indiquez la taille de police souhaitée, activez le texte adaptatif, puis indiquez une taille de police minimale. Découvrez-le dans l'image ci-dessous. Ici, nous redimensionnons le conteneur en mode édition. Regardez le texte s'adapter automatiquement à la taille de la police !

La logique vous dira qu'à un moment donné, même le minimum peut être suffisant pour éviter un débordement. La bonne nouvelle, c'est que nous vous avons donné le choix entre plusieurs options de débordement. La plus populaire est la barre de défilement, qui permet de faire défiler le texte d'un simple geste. (Je vous le dis, les personnes qui travaillent avec des sources de données dynamiques sautent de joie). Vous pouvez également demander à Intuiface d'ajouter des points de suspension ou simplement de découper le texte. L'image suivante vous montre trois options en action :

Même si vous ne travaillez pas avec des sources de données dynamiques, le texte adaptatif va rendre vos efforts de conception beaucoup plus faciles. Faites défiler différentes tailles de conteneurs et Intuiface ajustera le texte en conséquence. Moins de clics, plus de possibilités d'expérimentation.

Pour ceux qui travaillent avec des sources de données dynamiques, des étreintes très platoniques sont acceptées !

Vous voulez essayer Intuiface ?

Notre version d'essai gratuite de 28 jours vous donne accès à 100 % des capacités du produit. Si Intuiface le fait, vous pouvez le faire - sans carte de crédit.
Démarrer un essai gratuit
Intuiface No Co Code Tool
Geoff Bessin
Geoff Bessin

Je suis le directeur marketing d'Intuiface, ce qui signifie que mon travail consiste à vous intéresser à Intuiface. Une fois que vous l'aurez essayé, je sais que vous l'adorerez.

Autres articles

Tous les articles ➜
Nouveau à Intuiface ?
Intuiface est un logiciel sans code destiné aux équipes qui souhaitent créer des expériences numériques interactives pour les sites, les sites web et les applications mobiles.
En savoir plus