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 Flexbox
  • Présentation
  • Propriétés du champ Flexbox disponibles dans une fenêtre
  • Propriétés spécifiques des champs présents dans un champ Flexbox
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
Propriétés associées au champ Flexbox
Présentation
Les propriétés WLangage permettent de manipuler :
  • Un champ Flexbox présent dans une fenêtre.
  • Les champs présents dans un champ Flexbox. Ces propriétés spécifiques permettent de gérer leur comportement lors de l'exécution d'un champ Flexbox.
Propriétés du champ Flexbox disponibles dans une fenêtre
Les différentes propriétés associées aux champs Flexbox sont les suivantes :
AccessibilitéLa propriété Accessibilité permet de définir et de connaître les propriétés d'accessibilité définies sur un champ.
AffichageActifLa propriété AffichageActif permet de :
  • savoir si l'affichage d'un champ ou d'une fenêtre est activé ou non. Si l'affichage est activé, le contenu du champ est rafraîchi régulièrement.
  • activer ou non l'affichage d'un champ ou d'une fenêtre.
AltitudeLa propriété Altitude permet de gérer l'altitude d'un champ.
AncrageLa propriété Ancrage permet de gérer l'ancrage d'un champ dans une fenêtre, une page ou un état.
AncrageAuContenuLa propriété AncrageAuContenu permet de connaître et de modifier le mode d'adaptation du champ par rapport à son contenu.
AnimationLa propriété Animation permet de gérer l'animation d'une image.
AnimationInitialeLa propriété AnimationInitiale permet de connaître l'état initial de l'animation dans un champ Image, un champ Bouton, un champ Libellé ou un champ Carrousel.
BulleLa propriété Bulle permet de connaître et de modifier le texte affiché dans la bulle d'aide associée à un champ d'une fenêtre ou d'une page.
CadreLa propriété Cadre permet de connaître et de modifier les caractéristiques du cadre :
  • d'un champ d'un état ou d'un bloc d'un état.
  • d'un champ d'une fenêtre.
  • d'une cellule d'un champ Table.
ClicDroitLa propriété ClicDroit permet de connaître et de modifier le nom du champ Bouton qui sera exécuté lors d'un clic droit sur un objet.
CouleurLa propriété Couleur permet de connaître ou modifier la couleur de la police de :
  • une variable de type Police.
  • un texte d'un champ Libellé ou calculé d'un état.
  • un texte d'un champ d'une fenêtre.
  • un texte d'un champ d'une page.
CouleurFondLa propriété CouleurFond permet de gérer la couleur de fond d'un champ, d'une fenêtre, d'une page ou d'un bloc d'un état.
CurseurSourisLa propriété CurseurSouris permet de connaître et de modifier le curseur de survol défini pour un champ, une fenêtre ou une page.
DndCibleLa propriété DndCible permet de connaître et de modifier le comportement d'un champ vis-à-vis du "Drag and Drop".
DndSourceLa propriété DndSource permet de connaître et de modifier le comportement d'un champ vis-à-vis du "Drag and Drop".
DroiteAGaucheLa propriété DroiteAGauche permet de connaître le sens d'écriture réel, effectif sur un champ, une colonne, une fenêtre ou un état.
EffetVisuelLa propriété EffetVisuel permet de gérer un effet visuel sur un champ ou un groupe de champs d'une fenêtre.
EllipseLa propriété Ellipse permet de connaître et modifier le mode de gestion de l'ellipse dans :
  • un champ d'une fenêtre (Libellé, champ de saisie, Liste, Bouton, Combo ou colonne de table de type Libellé).
  • un champ Libellé d'un état.
EnfoncéLa propriété Enfoncé permet de connaître et modifier l'état d'un bouton poussoir (bouton enfoncé ou non).
EpingléLa propriété Epinglé permet de :
  • Epingler ou non un champ : le champ épinglé sera positionné par rapport à la zone visible de son conteneur au lieu de la zone du contenu.
  • Savoir si un champ est épinglé.
EtatLa propriété Etat permet de connaître et de modifier l'état d'affichage d'un élément.
EtatInitialLa propriété EtatInitial permet de connaître l'état initial d'un champ.
ExtraLa propriété Extra permet de :
  • Connaître les informations supplémentaires associées à un champ, à une fenêtre, ou à une page.
  • Modifier les informations supplémentaires associées à un champ, à une fenêtre ou à une page.
FenEditionAutoriséeLa propriété FenEditionAutorisée permet de connaître et de modifier les manipulations autorisées sur un champ lorsque la fenêtre passe en mode "Modification de l'UI par l'utilisateur final".
FlexAlignContentLa propriété FlexAlignContent permet de connaître et de modifier les caractéristiques d'alignement des lignes contenues dans le champ Flexbox selon l'axe secondaire du champ (propriété CSS correspondante "align-content").
FlexAlignItemsLa propriété FlexAlignItems permet de connaître et de modifier les caractéristiques d'alignement des champs à l'intérieur d'une ligne d'un champ Flexbox selon l'axe secondaire du champ (propriété CSS correspondante "align-items").
FlexAlignSelfLa propriété FlexAlignSelf permet de connaître et de modifier l'alignement du champ manipulé selon l'axe secondaire dans la ligne du champ Flexbox (propriété CSS correspondante "align-self").
FlexColumnGapLa propriété FlexColumnGap permet de connaître et de modifier la largeur de la gouttière qui sépare les colonnes d'un champ Flexbox.
FlexDirectionLa propriété FlexDirection permet de connaître et de modifier le sens et la direction de l'axe principal d'un champ Flexbox (propriété CSS correspondante "flex-direction").
FlexGrowLa propriété FlexGrow permet de connaître et de modifier le facteur d'agrandissement d'un champ présent dans une ligne d'un champ Flexbox.
FlexJustifyContentLa propriété FlexJustifyContent permet de connaître et de modifier l'alignement des champs à l'intérieur du champ Flexbox selon l'axe principal du champ (propriété CSS correspondante "justify-content").
FlexRowGapLa propriété FlexRowGap permet de connaître et de modifier la hauteur de la gouttière qui sépare les lignes d'un champ Flexbox.
FlexShrinkLa propriété FlexShrink permet de connaître et de modifier le facteur de réduction d'un champ présent dans une ligne d'un champ Flexbox.
FlexWrapLa propriété FlexWrap permet de connaître et de modifier la gestion du retour à la ligne des champs d'une ligne d'un champ Flexbox (propriété CSS correspondante "flex-wrap").
FocusAuClicLa propriété FocusAuClic permet de :
  • Savoir si un champ prend le focus lors d'un clic.
  • Modifier l'effet de prise de focus lors du clic sur un champ.
GriséLa propriété Grisé permet de :
  • Savoir si un champ, un groupe de champs ou une fenêtre est grisé ou non.
  • Griser ou dégriser un champ, un groupe de champs ou une fenêtre.
GroupeLa propriété Groupe permet de :
  • savoir si le champ appartient ou non à un groupe de champs. Si le champ appartient à un ou plusieurs groupes, la propriété Groupe permet d'identifier ces groupes de champs.
  • associer un champ à un groupe de champs.
HauteurLa propriété Hauteur permet de connaître et modifier la hauteur :
  • d'un champ ou d'un bloc dans un état.
  • d'un champ (présent dans une fenêtre), d'une fenêtre, d'une ligne d'un champ Table ou Liste (y compris Liste image), d'une option d'un champ Sélecteur ou Interrupteur, d'un haut ou d'un bas de rupture d'un champ Table ou d'un champ Zone répétée.
  • d'un champ (présent dans une page), d'un haut ou bas de rupture d'un champ Table ou Zone répétée. Le champ peut être superposable ou non.
  • d'une cellule de rupture d'un champ Table ou d'un champ Zone répétée.
HauteurInitialeLa propriété HauteurInitiale permet de :
  • Connaître la hauteur de création d'un champ ou d'une fenêtre.
  • Modifier la hauteur de base utilisée pour l'ancrage des champs "en hauteur".
  • Connaître la hauteur de création d'un champ ou d'un bloc d'un état.
HauteurMaxLa propriété HauteurMax permet de connaître et de modifier la hauteur maximale d'un champ ou d'une fenêtre.
HauteurMinLa propriété HauteurMin permet de connaître et de modifier la hauteur minimale d'un champ ou d'une fenêtre.
ImageLa propriété Image permet de connaître et de modifier l'image de fond d'un champ ou d'un bloc.
ImageEtatLa propriété ImageEtat permet de connaître et de modifier le nombre de dessins présents dans :
  • L'image associée à un bouton.
  • L'image du curseur dans un potentiomètre.
  • L'image associée au bouton d'un volet de boîte à outils.
  • L'image associée au bouton d'un volet d'onglet.
  • L'image associée au champ Notation.
  • L'image associée au regroupement d'un champ Ruban.
  • L'image associée à une option de menu.
ImageFondLa propriété ImageFond permet de connaître et de modifier l'image de fond d'un élément : fenêtre, page, champ ou état.
ImageFondEtatLa propriété ImageFondEtat permet de connaître et de modifier le nombre de dessins présents dans l'image associée au cadre d'un bouton.
ImageModeLa propriété ImageMode permet de connaître et de modifier le mode d'affichage d'une image dans un champ Image, dans une colonne de table de type Image et dans le fond d'un champ Graphe présent dans une fenêtre.
LargeurLa propriété Largeur permet de connaître et modifier la largeur :
  • d'un champ ou d'un bloc dans un état.
  • d'un champ (présent dans une fenêtre), d'une fenêtre, d'une colonne de table ou d'une colonne de liste (y compris liste image).
  • d'un champ (présent dans une page), d'une colonne de table ou d'une liste. Le champ peut être superposable ou non.
LargeurInitialeLa propriété LargeurInitiale permet de :
  • Connaître la largeur de création d'un champ ou d'une fenêtre.
  • Modifier la largeur de base utilisée pour l'ancrage des champs "en largeur".
  • Connaître la largeur de création d'un champ d'un état.
LargeurMaxLa propriété LargeurMax permet de connaître et de modifier la largeur maximale d'un champ ou d'une fenêtre.
LargeurMinLa propriété LargeurMin permet de connaître et de modifier la largeur minimale d'un champ ou d'une fenêtre.
MasquageAuScrollLa propriété MasquageAuScroll permet de :
  • Savoir si le champ épinglé est rendu invisible pendant le scroll,
  • Rendre ou non le champ épinglé invisible pendant le scroll.
MenuContextuelLa propriété MenuContextuel permet de :
  • Connaître le menu contextuel personnalisé associé à un champ, à une fenêtre ou une page.
  • Modifier le menu contextuel personnalisé associé à un champ, une fenêtre ou une page (associer un autre menu contextuel au champ, à la fenêtre ou à la page).
  • WINDEVWINDEV Mobile Personnaliser les menus système des champs en ajoutant des options.
MessageLa propriété Message permet de :
  • Connaître le message d'aide associé à un champ ou une option de menu d'une fenêtre.
  • Modifier le message d'aide associé à un champ ou une option de menu d'une fenêtre.
ModifiéLa propriété Modifié permet de savoir si un champ ou un groupe de champs a été modifié par l'utilisateur (saisie au clavier ou à la souris).
NomLa propriété Nom permet de connaître :
  • le nom de la police associée à une variable de type Police.
  • le nom d'un champ, d'un état ou d'un bloc d'un état.
  • le nom d'un champ, d'un groupe de champs ou d'une fenêtre.
  • le nom d'un champ, d'un groupe de champs ou d'une page.
NomCompletLa propriété NomComplet permet de connaître le nom complet :
  • d'un champ.
  • d'une fenêtre.
  • d'une option de menu.
  • d'une colonne de table.
NoteLa propriété Note permet de :
  • Connaître les notes associées à un champ, à une fenêtre, à une page ou un état.
  • Modifier les notes associées à un champ, à une fenêtre, à une page ou un état.
NuméroAideLa propriété NuméroAide permet de connaître et de modifier le numéro d'aide associé au champ.
NumTABLa propriété NumTAB permet de connaître et de modifier la position d'un champ dans l'ordre de navigation d'une fenêtre.
OpacitéLa propriété Opacité permet de connaître et définir le pourcentage d'opacité d'une fenêtre ou des champs présents dans une fenêtre ou une page.
PlanLa propriété Plan permet de :
  • Connaître :
    • le plan actif d'une fenêtre (ou d'un état) ou le plan auquel appartient un champ.
    • le plan actif d'un élément WEBDEV.
  • Modifier :
    • le plan actif d'une fenêtre (ou d'un état) ou associer un champ à un autre plan.
    • le plan actif d'un élément WEBDEV.
PoliceLa propriété Police permet de :
  • Connaître l'identifiant de la police utilisée dans un champ d'un état, d'une page ou d'une fenêtre.
  • Modifier la police utilisée dans un champ d'un état, d'une page ou d'une fenêtre.
PoliceAlphabetLa propriété PoliceAlphabet permet de :
  • Connaître l'alphabet actuellement utilisé par les polices écran d'un champ.
  • Modifier l'alphabet utilisé par les polices écran d'un champ.
PoliceBarréeLa propriété PoliceBarrée permet de :
  • Savoir si le texte affiché est barré ou non.
  • Barrer ou non le texte affiché dans un champ.
PoliceCondenséeLa propriété PoliceCondensée permet de :
  • Savoir si les caractères du texte affiché sont condensés ou non.
  • Condenser ou non les caractères du texte affiché.
PoliceEtendueLa propriété PoliceEtendue permet de :
  • Savoir si les caractères du texte affiché sont étendus ou non.
  • Étendre ou non les caractères du texte affiché.
PoliceGrasLa propriété PoliceGras permet de :
  • Savoir si le texte affiché est en gras ou non.
  • Modifier la graisse du texte.
PoliceItaliqueLa propriété PoliceItalique permet de :
  • Savoir si le texte affiché est en italique ou non.
  • Modifier la mise en forme italique du texte.
PoliceLargeLa propriété PoliceLarge permet de :
  • Savoir si les caractères du texte affiché sont élargis ou non.
  • Élargir ou non les caractères du texte affiché.
PoliceNomLa propriété PoliceNom permet de :
  • Connaître la police utilisée dans un champ.
  • Modifier la police utilisée dans un champ.
PoliceSoulignéeLa propriété PoliceSoulignée permet de :
  • Savoir si le texte affiché est souligné ou non.
  • Souligner ou non le texte.
PoliceTailleLa propriété PoliceTaille permet de :
  • Connaître la taille de la police utilisée dans un champ.
  • Modifier la taille de la police utilisée dans un champ.
RetraitGaucheLa propriété RetraitGauche permet de connaître et de modifier l'espace laissé à gauche du texte dans un champ.
ScrollAuDoigtLa propriété ScrollAuDoigt permet de :
  • Savoir si le contenu d'un champ peut être déplacé avec le doigt ("scroll au doigt").
  • Autoriser ou non un champ à être manipulé directement avec le doigt.
StyleLa propriété Style permet de récupérer ou d'affecter le style complet d'un champ (y compris les surcharges).
TauxAncrageBasLa propriété TauxAncrageBas permet de :
  • Connaître le taux d'ancrage en déplacement d'un champ sur l'axe vertical.
  • Modifier le taux d'ancrage en déplacement d'un champ sur l'axe vertical.
TauxAncrageDroiteLa propriété TauxAncrageDroite permet de :
  • Connaître le taux d'ancrage en déplacement d'un champ sur l'axe horizontal.
  • Modifier le taux d'ancrage en déplacement d'un champ sur l'axe horizontal.
TauxAncrageHauteurLa propriété TauxAncrageHauteur permet de :
  • Connaître le taux d'ancrage en hauteur d'un champ.
  • Modifier le taux d'ancrage en hauteur d'un champ.
TauxAncrageLargeurLa propriété TauxAncrageLargeur permet de :
  • Connaître le taux d'ancrage en agrandissement d'un champ (ou d'une colonne de table) sur l'axe horizontal.
  • Modifier le taux d'ancrage en agrandissement d'un champ (ou d'une colonne de table) sur l'axe horizontal.
TauxParallaxeHauteurLa propriété TauxParallaxeHauteur permet de connaître et d'indiquer à quelle vitesse un champ est réduit lorsque l'ascenseur de la fenêtre, de la fenêtre interne ou de la page se déplace.
TauxParallaxeYLa propriété TauxParallaxeY permet de connaître et d'indiquer à quelle vitesse un champ se déplace lorsque l'ascenseur de la fenêtre, de la fenêtre interne ou de la page se déplace.
TitreNoteLa propriété TitreNote permet de :
  • Connaître le titre des notes utilisé pour la documentation technique d'un champ, d'une fenêtre, d'une page ou d'un état.
  • Modifier le titre des notes utilisé pour la documentation technique d'un champ, d'une fenêtre, d'une page ou d'un état.
ToucheRaccourciLa propriété ToucheRaccourci permet de connaître et de modifier le raccourci clavier associé à un champ ou à une option de menu.
TraitementLa propriété Traitement permet de modifier les traitements à exécuter par les événements disponibles sur un champ, une fenêtre, une page, un état, ...
TypeLa propriété Type permet de connaître :
  • le type d'un élément décrit par programmation (description de rubrique ou de fichier) ou non (fichier ou rubrique défini sous l'éditeur d'analyses, vue ou requête).
  • le type d'un objet.
  • le type de la valeur stockée dans un variant.
TypeBoutonLa propriété TypeBouton permet de connaître et de modifier le type d'un champ Bouton : Annulation, Interruption, Validation, ...
VisibleLa propriété Visible permet de :
  • Savoir si un élément est visible.
  • Rendre un élément visible ou invisible.
VisibleAvecAnimationLa propriété VisibleAvecAnimation permet de rendre un champ visible ou invisible en jouant l'animation "Apparition/Disparition".
VisibleHorsFenêtreLa propriété VisibleHorsFenêtre permet de :
  • savoir si un bouton est visible même si sa position (X,Y) le met en dehors du cadre de la fenêtre (entièrement ou partiellement).
  • modifier la visibilité d'un bouton "hors fenêtre".
VisibleInitialLa propriété VisibleInitial permet de savoir si :
  • un champ était visible lors du premier affichage de la fenêtre ou la page associée.
  • une fenêtre était visible lors de son premier affichage.
VoletLa propriété Volet permet de :
  • Connaître les volets d'onglet associés à un champ.
  • Définir les volets d'onglet associés à un champ.
XLa propriété X permet de :
  • Connaître l'abscisse d'un champ, d'une colonne d'un champ Table ou d'une fenêtre (position sur l'axe des X).
  • Modifier l'abscisse d'un champ ou d'une fenêtre (position sur l'axe des X).
XInitialLa propriété XInitial permet de :
  • Connaître l'abscisse :
    • d'un champ (position sur l'axe des X) lors de l'ouverture de la fenêtre ou de la page.
    • d'une fenêtre (position sur l'axe des X) lors de l'ouverture de la fenêtre.
  • Modifier l'abscisse d'un champ ancré "à droite" (position sur l'axe des X) lors de l'ouverture de la fenêtre.
  • Connaître l'abscisse d'un champ par rapport à son bloc (position en millimètres sur l'axe des X) lors de l'ouverture de l'état.
YLa propriété Y permet de :
  • Connaître l'ordonnée d'un champ ou d'une fenêtre (position sur l'axe des Y).
  • Modifier l'ordonnée d'un champ ou d'une fenêtre (position sur l'axe des Y).
YInitialLa propriété YInitial permet de :
  • Connaître l'ordonnée :
    • d'un champ (position sur l'axe des Y) lors de l'ouverture de la fenêtre ou de la page.
    • d'une fenêtre (position sur l'axe des Y) lors de l'ouverture de la fenêtre.
  • Modifier l'ordonnée d'un champ ancré "en bas" (position sur l'axe des Y) lors de l'ouverture de la fenêtre.
  • Connaître l'ordonnée d'un champ par rapport à son bloc (position en millimètres sur l'axe des Y) lors de l'ouverture de l'état.
Propriétés spécifiques des champs présents dans un champ Flexbox
Les champs disponibles dans la flexbox possèdent des propriétés spécifiques liées à la flexbox :
FlexAlignSelfLa propriété FlexAlignSelf permet de connaître et de modifier l'alignement du champ manipulé selon l'axe secondaire dans la ligne du champ Flexbox (propriété CSS correspondante "align-self").
FlexGrowLa propriété FlexGrow permet de connaître et de modifier le facteur d'agrandissement d'un champ présent dans une ligne d'un champ Flexbox.
FlexShrinkLa propriété FlexShrink permet de connaître et de modifier le facteur de réduction d'un champ présent dans une ligne d'un champ Flexbox.
Voir Aussi
Version minimum requise
  • Version 28
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 06/06/2024

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