DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Champs : Types disponibles / Champ Libellé
  • Présentation du champ Libellé
  • Champ d'une fenêtre, d'une page (statique ou dynamique), d'un état
  • Créer un champ Libellé dans une fenêtre ou une page
  • Créer un champ Libellé dans une fenêtre ou une page
  • Gestion des libellés trop longs
  • Créer un champ Libellé dans un état
  • Créer un champ Libellé dans un état
  • Contenu d'un champ Libellé
  • Saisir le texte du champ Libellé sous l'éditeur
  • Contenu d'un champ Libellé (Éditeur d'états)
  • Notes
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation du champ Libellé

Champ d'une fenêtre, d'une page (statique ou dynamique), d'un état

Un champ Libellé est un champ qui permet d'afficher un texte statique. Le contenu du champ ne pourra pas être saisi par l'utilisateur.
Pour donner des effets au texte affiché, il est possible d'utiliser :
  • AndroidWidget AndroidiPhone/iPad Le style du champ, en paramétrant l'élément "Ombre".
    Libellé avec ombre
  • AndroidiPhone/iPad Une animation spécifique (défilement ou clignotement).
    Libellé défilant
    Nouveauté SaaS
    Cette fonctionnalité est désormais disponible en Android et iOS.
AndroidWidget AndroidiPhone/iPad Remarques :
  • Les libellés d'une fenêtre peuvent être également paramétrés avec un masque d'affichage pour formater automatiquement la valeur qui leur est affectée.
  • L'onglet "Style" de la fenêtre de description du champ permet de paramétrer de nombreux effets pour le champ Libellé. Il est notamment possible de :
    • paramétrer le cadre du champ. Cette option permet par exemple d'afficher une image dans un champ Libellé.
      L'icône (à droite de l'option "Cadre") permet de configurer l'ombre du cadre du champ. Lorsque l'ombre est activée, il est possible de choisir le décalage en X et Y de l'ombre, le pourcentage d'opacité, le rayon de flou et la couleur de l'ombre.
    • paramétrer les caractéristiques de la police utilisée via le bouton . Il est possible d'indiquer :
      • l'interligne,
      • l'espacement des caractères,
      • iPhone/iPad l'angle correspondant à l'orientation du texte.
Créer un champ Libellé dans une fenêtre ou une page

Créer un champ Libellé dans une fenêtre ou une page

Pour créer un champ de type Libellé dans une fenêtre ou une page :
  1. Sous le volet "Création", dans le groupe "Champs usuels", cliquez sur Libellé.
  2. Cliquez dans la fenêtre ou dans la page à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ. Vous pourrez saisir par exemple le texte affiché dans le champ ou définir le type des informations affichées dans le champ.

Gestion des libellés trop longs

En cas de libellé trop long, plusieurs solutions peuvent être mise en oeuvre :
  • AndroidWidget AndroidiPhone/iPad Réduire la police :
    Il est possible de définir une taille de police minimale pour le le texte en cas de libellé trop long (option "Réduire la police" dans l'onglet "Détail" de la fenêtre de description du champ).
  • Afficher une ellipse : il est possible de mettre en place une ellipse. L'ellipse consiste à remplacer le texte trop long par trois points.
    • AndroidWidget AndroidiPhone/iPad Dans une fenêtre, il est possible de proposer une ellipse soit en fin soit au milieu du texte trop long. La gestion de l'ellipse est définie dans l'onglet "Détail" du champ Libellé.
    • AndroidWidget AndroidiPhone/iPad Proposer une animation : L'animation peur en effet permettre de faire défiler le texte du libellé. Ainsi, l'utilisateur verra la totalité du texte lors de l'animation. Pour plus de détails sur la mise en place de l'animation, consultez Animer un champ Libellé.
      Nouveauté SaaS
      AndroidWidget AndroidiPhone/iPad L'animation des libellés est désormais disponible.
Créer un champ Libellé dans un état
AndroidiPhone/iPad

Créer un champ Libellé dans un état

Pour créer un champ de type Libellé dans un état :
  1. Sous le volet "Création", dans le groupe "Texte", cliquez sur Libellé.
  2. Cliquez dans l'état à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ. Vous pourrez saisir par exemple le texte affiché dans le champ ou définir le type des informations affichées dans le champ.
Remarques : L'onglet "UI" de la description du champ Libellé dans l'éditeur d'états permet de gérer de nombreuses options, notamment l'ellipse, l'affichage conditionnel, etc.).
Contenu d'un champ Libellé
Un champ Libellé peut afficher des informations :
  • saisies sous l'éditeur.
  • définies par programmation.
  • provenant d'un fichier de données. Dans ce cas, le champ Libellé est relié à une rubrique d'un fichier de données. Le champ permet alors de visualiser le contenu des rubriques du fichier de données.

Saisir le texte du champ Libellé sous l'éditeur

Pour saisir le texte du champ Libellé :
  1. Cliquez dans le champ Libellé sous l'éditeur. Le curseur de saisie apparaît.
  2. Saisissez le texte du champ Libellé.
Remarque : Le texte du champ Libellé peut également être modifié dans la fenêtre de description du champ.
AndroidWidget AndroidiPhone/iPad

Contenu d'un champ Libellé (Éditeur d'états)

  • La chaîne de caractères affichée dans le champ Libellé peut contenir la valeur d'une rubrique imprimée dans l'état. Pour insérer la valeur d'une rubrique ou d'un champ de l'état dans le texte du libellé, saisissez le nom de la rubrique ou du champ entre les caractères [% et %].
    Par exemple, le libellé du champ peut correspondre à :
    Le fournisseur [%NomFournisseur%] vend le produit [%NomProduit%] pour [%PrixTTC%].
    Les rubriques NomFournisseur, NomProduit et PrixTTC seront remplacées par leur valeur à l'exécution de l'état.
  • Ce libellé peut être saisi sur plusieurs lignes. Dans ce cas, le champ doit être multiligne et la taille du champ doit être suffisante.
    Remarque : Si un angle d'orientation est appliqué à un champ multiligne, les retours chariot automatiques ne sont pas pris en compte. Seuls les retours à la ligne manuels sont pris en compte.
Rappel : L'option "Auto-Extensible" permet d'augmenter automatiquement la taille du champ en fonction de son contenu.
Notes
  • Android Dans les fenêtres, les champs Libellé disposent d'un masque d'affichage pour formater automatiquement les données qui leurs sont affectées. Ce masque peut être modifié en programmation grâce à la propriété MasqueSaisie.
Liste des exemples associés :
Le champ Libellé Exemples unitaires (WINDEV) : Le champ Libellé
[ + ] Utilisation d'un champ Libellé
Gestion du RTF Exemples unitaires (WINDEV) : Gestion du RTF
[ + ] Utilisation des principales fonctions de gestion du RTF dans une application WINDEV :
- Charger un fichier au format RTF
- Enregistrer un fichier au format RTF
- Rechercher et sélectionner un mot dans un texte RTF
- Afficher un texte au format RTF
- Modifier les caractéristiques d'une sélection (police, casse, couleur...)
Propriété ClasseHTML Exemples unitaires (WEBDEV) : Propriété ClasseHTML
[ + ] La propriété ..ClasseHTML permet de lire et de modifier la valeur de l'attribut HTML "class" du champ.
La valeur de l'attribut HTML "class" permet, entre autres, de sélectionner les styles CSS appliqués sur le champ.
WW_NuageTags Composants (WEBDEV) : WW_NuageTags
[ + ] Cet exemple montre comment afficher un nuage de tags dans une application WEBDEV dynamique.
En effet, sur Internet, une page d'un site répond plus ou moins à un ensemble de mots-clés.
L'objectif de cet exemple est donc de présenter comment afficher les mots-clés d'un site dans une zone de la page en indiquant de manière graphique les mots-clés importants.
Les mots-clés se retrouvent alors sous forme de liens de différentes tailles : plus le mot-clé est important dans le site, plus sa police est élevée.
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 15/07/2024

Signaler une erreur ou faire une suggestion | Aide en ligne locale