PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Comment le faire ?
  • Aligner plusieurs champs d'une fenêtre, d'une page ou d'un état
  • Les différentes options détaillées
  • Position
  • Interne/Externe
  • Taille
  • Centrage et répartition
  • Alignement personnalisé dans une fenêtre ou une page
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation
Pour optimiser l'alignement des champs dans une fenêtre, une page ou un état, il est possible d'utiliser les options d'alignement. Ces options permettent d'aligner plusieurs champs présents dans la fenêtre ou l'état.
Il est possible d'aligner les champs :
  • soit grâce aux options du menu "Champ .. Alignement".
  • soit grâce à la barre d'outils d'alignement.
Il est possible d'aligner les champs grâce au volet "Alignement" du ruban de l'éditeur.
Les options sont regroupées selon plusieurs thèmes :
  • Position :
  • Alignement interne et externe :
  • Taille :
  • Centrage et répartition :
  • Autres :
Comment le faire ?

Aligner plusieurs champs d'une fenêtre, d'une page ou d'un état

Pour aligner plusieurs champs d'une fenêtre, d'une page ou d'un état :
  1. Sélectionnez les champs à aligner.
  2. Effectuez :
    • Un alignement prédéfini (par le menu déroulant "Champ .. Alignement..." ou dans la barre d'outils d'alignement des champs).Un alignement prédéfini : sous le volet "Alignement", sélectionnez les caractéristiques d'alignement voulues dans les groupes "Position", "Interne et externe", "Taille" et "Centrage et répartition".
    • Un alignement personnalisé ("Champ .. Alignement .. Alignement personnalisé"). L'alignement personnalisé permet d'utiliser des propriétés spécifiques d'alignement. Ce mode est disponible uniquement pour les champs d'une fenêtre ou d'une page.Un alignement personnalisé : sous le volet "Alignement", dans le groupe "Autres alignements", cliquez sur "Alignement personnalisé". L'alignement personnalisé permet d'utiliser des propriétés spécifiques d'alignement. Ce mode est disponible uniquement pour les champs d'une fenêtre ou d'une page.
Versions 17 et supérieures
Remarque : Visualisation de l'alignement avant application
Si plusieurs champs sont sélectionnés, le survol d'une icône d'alignement permet de visualiser en temps réel le résultat du clic sur l'icône. Il est ainsi facile de visualiser l'effet des différentes options proposées.
Un clic sur l'icône applique l'alignement sélectionné.
La sortie du survol laisse la fenêtre, la page ou l'état dans son état initial.
Nouveauté 17
Remarque : Visualisation de l'alignement avant application
Si plusieurs champs sont sélectionnés, le survol d'une icône d'alignement permet de visualiser en temps réel le résultat du clic sur l'icône. Il est ainsi facile de visualiser l'effet des différentes options proposées.
Un clic sur l'icône applique l'alignement sélectionné.
La sortie du survol laisse la fenêtre, la page ou l'état dans son état initial.
Remarque : Visualisation de l'alignement avant application
Si plusieurs champs sont sélectionnés, le survol d'une icône d'alignement permet de visualiser en temps réel le résultat du clic sur l'icône. Il est ainsi facile de visualiser l'effet des différentes options proposées.
Un clic sur l'icône applique l'alignement sélectionné.
La sortie du survol laisse la fenêtre, la page ou l'état dans son état initial.
Les différentes options détaillées

Position

Les options du groupe "Position" permettent de gérer les positions des champs les uns par rapport aux autres.
Versions 18 et supérieures
L'option Echanger les positions permet d'échanger la position de 2 champs ou d'échanger cycliquement la position de 3 champs ou plus.
  • Exemple 1 : Echange de deux champs : Il suffit de sélectionner 2 champs : leurs positions sont échangées.
  • Exemple 2 : Echange cyclique de position : Pour positionner le champ "Serveur SMTP" après le champ "Adresse email", il suffit de sélectionner en premier le champ "Serveur SMTP" puis "Mot de passe" et "Confirmation de mot de passe".
Nouveauté 18
L'option Echanger les positions permet d'échanger la position de 2 champs ou d'échanger cycliquement la position de 3 champs ou plus.
  • Exemple 1 : Echange de deux champs : Il suffit de sélectionner 2 champs : leurs positions sont échangées.
  • Exemple 2 : Echange cyclique de position : Pour positionner le champ "Serveur SMTP" après le champ "Adresse email", il suffit de sélectionner en premier le champ "Serveur SMTP" puis "Mot de passe" et "Confirmation de mot de passe".
L'option Echanger les positions permet d'échanger la position de 2 champs ou d'échanger cycliquement la position de 3 champs ou plus.
  • Exemple 1 : Echange de deux champs : Il suffit de sélectionner 2 champs : leurs positions sont échangées.
  • Exemple 2 : Echange cyclique de position : Pour positionner le champ "Serveur SMTP" après le champ "Adresse email", il suffit de sélectionner en premier le champ "Serveur SMTP" puis "Mot de passe" et "Confirmation de mot de passe".
Les options d'alignement des positions permettent d'aligner plusieurs champs entre eux (le champ utilisé pour base de l'alignement étant le premier sélectionné). Il est possible de :
  • aligner les champs selon le bord extérieur gauche ou droit.
  • aligner les champs selon le bord haut ou selon le bord bas.
  • aligner les centres des champs horizontalement ou verticalement.
Versions 20 et supérieures
Des options de positionnement par rapport à la fenêtre permettent de positionner plus vite un champ ou un groupe de champs. Il est ainsi possible de :
  • Positionner les champs le plus à gauche puis le plus haut possible : Le ou les champs sont déplacés le plus à gauche possible (dans la limite des champs existants) puis ils sont déplacés le plus haut possible (dans la limite des champs existants).
  • Positionner les champs le plus à gauche possible : Le ou les champs sont déplacés le plus à gauche possible (dans la limite des champs existants).
  • Positionner les champs le plus haut possible : Le ou les champs sont déplacés le plus haut possible (dans la limite des champs existants).
De la même manière, il est possible de :
  • Positionner les champs le plus bas possible.
  • Positionner les champs le plus à droite possible.
  • Positionner les champs le plus à droite puis le plus bas possible.
Remarques :
  • Lors du positionnement, les ancrages sont pris en compte.
  • Si le champ est présent dans un champ Parent (superchamp par exemple), le positionnement est effectué par rapport au parent.
Nouveauté 20
Des options de positionnement par rapport à la fenêtre permettent de positionner plus vite un champ ou un groupe de champs. Il est ainsi possible de :
  • Positionner les champs le plus à gauche puis le plus haut possible : Le ou les champs sont déplacés le plus à gauche possible (dans la limite des champs existants) puis ils sont déplacés le plus haut possible (dans la limite des champs existants).
  • Positionner les champs le plus à gauche possible : Le ou les champs sont déplacés le plus à gauche possible (dans la limite des champs existants).
  • Positionner les champs le plus haut possible : Le ou les champs sont déplacés le plus haut possible (dans la limite des champs existants).
De la même manière, il est possible de :
  • Positionner les champs le plus bas possible.
  • Positionner les champs le plus à droite possible.
  • Positionner les champs le plus à droite puis le plus bas possible.
Remarques :
  • Lors du positionnement, les ancrages sont pris en compte.
  • Si le champ est présent dans un champ Parent (superchamp par exemple), le positionnement est effectué par rapport au parent.
Des options de positionnement par rapport à la fenêtre permettent de positionner plus vite un champ ou un groupe de champs. Il est ainsi possible de :
  • Positionner les champs le plus à gauche puis le plus haut possible : Le ou les champs sont déplacés le plus à gauche possible (dans la limite des champs existants) puis ils sont déplacés le plus haut possible (dans la limite des champs existants).
  • Positionner les champs le plus à gauche possible : Le ou les champs sont déplacés le plus à gauche possible (dans la limite des champs existants).
  • Positionner les champs le plus haut possible : Le ou les champs sont déplacés le plus haut possible (dans la limite des champs existants).
De la même manière, il est possible de :
  • Positionner les champs le plus bas possible.
  • Positionner les champs le plus à droite possible.
  • Positionner les champs le plus à droite puis le plus bas possible.
Remarques :
  • Lors du positionnement, les ancrages sont pris en compte.
  • Si le champ est présent dans un champ Parent (superchamp par exemple), le positionnement est effectué par rapport au parent.

Interne/Externe

Les options du groupe "Interne et externe" permettent de gérer les bords internes et externes des champs. Ces options sont très utiles pour réaliser un alignement de champs avec libellés : champs de saisie, combo, ...

Taille

Les options du groupe "Taille" permettent :
  • d'uniformiser la taille des champs (la taille de référence est celle du premier champ sélectionné) : même largeur, même hauteur.
  • Versions 20 et supérieures
    d'étendre les champs dans la fenêtre en fonctions des champs existants. Les options "Etendre en largeur", "Etendre en hauteur" et "Etendre en largeur et en hauteur" calculent la taille maximale que le champ peut occuper dans l'interface par rapport aux autres champs. Le redimensionnement est immédiat.
    Par exemple, un champ Carte positionné dans une fenêtre peut facilement occuper tout l'espace disponible en tenant compte des champs déjà présents dans la fenêtre.
    Remarques :
    • les ancrages sont pris en compte.
    • la taille du champ parent est prise en compte.
    Nouveauté 20
    d'étendre les champs dans la fenêtre en fonctions des champs existants. Les options "Etendre en largeur", "Etendre en hauteur" et "Etendre en largeur et en hauteur" calculent la taille maximale que le champ peut occuper dans l'interface par rapport aux autres champs. Le redimensionnement est immédiat.
    Par exemple, un champ Carte positionné dans une fenêtre peut facilement occuper tout l'espace disponible en tenant compte des champs déjà présents dans la fenêtre.
    Remarques :
    • les ancrages sont pris en compte.
    • la taille du champ parent est prise en compte.
    d'étendre les champs dans la fenêtre en fonctions des champs existants. Les options "Etendre en largeur", "Etendre en hauteur" et "Etendre en largeur et en hauteur" calculent la taille maximale que le champ peut occuper dans l'interface par rapport aux autres champs. Le redimensionnement est immédiat.
    Par exemple, un champ Carte positionné dans une fenêtre peut facilement occuper tout l'espace disponible en tenant compte des champs déjà présents dans la fenêtre.
    Remarques :
    • les ancrages sont pris en compte.
    • la taille du champ parent est prise en compte.

Centrage et répartition

Les options du groupe "Centrage et répartition" permettent :
  • centrer l'élément sélectionné dans le parent (horizontalement et verticalement).
  • définir l'espacement vertical et horizontal entre les champs.

Alignement personnalisé dans une fenêtre ou une page

Lors de l'alignement personnalisé, il est possible de définir :
  • L'alignement horizontal ou vertical : les champs peuvent être alignés à gauche ou à droite en fonction du début du champ ou en fonction du début de la zone de saisie.
    Versions 15 et supérieures
    Ils peuvent aussi être alignés par le centre.
    Nouveauté 15
    Ils peuvent aussi être alignés par le centre.
    Ils peuvent aussi être alignés par le centre.
  • L'espacement uniforme : l'espacement entre les champs est adapté pour être le même entre chaque champ (horizontalement ou verticalement).
  • La taille : la taille des champs sélectionnés est automatiquement adaptée pour obtenir des champs de même hauteur et/ou de même largeur.
  • Le champ de référence : pour l'alignement et la taille des champs, le champ de référence est au choix :
    • le premier champ sélectionné (celui qui a les poignées blanches)
    • le dernier champ sélectionné
    • le plus grand champ sélectionné
    • le champ situé le plus en haut à gauche des champs sélectionnés
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire