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 du champ Flexbox
  • Créer un champ Flexbox
  • Caractéristiques du 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
Présentation du champ Flexbox
Flexbox est une méthode de mise en page standard et déterministe des pages Web. A partir de la version 28, le champ Flexbox est disponible dans WEBDEV.
Le principe est simple :
  • Vous posez les champs de l'UI dans le champ Flexbox.
  • Le champ Flexbox se charge alors de positionner les champs automatiquement en fonction des paramètres souhaités.
Le champ Flexbox permet par exemple de :
Créer un champ Flexbox
Pour créer un champ de type Flexbox :
  1. Sous le volet "Création", dans le groupe "Conteneurs", cliquez sur "Flexbox".
  2. Cliquez dans la page à la position où le champ doit être créé. Le champ apparaît en création.
Remarque : En déroulant l'option "Flexbox" du menu, plusieurs champs Flexbox pré-définis sont proposés, notamment :
  • Flexbox en colonnes,
  • Flexbox en lignes,
  • Cartes flexbox.
Pour afficher les caractéristiques du champ :
  1. Sélectionnez le champ.
  2. Sélectionnez l'option "Description" dans le menu contextuel du champ.
Caractéristiques du champ Flexbox
Les caractéristiques du champ Flexbox sont définies par les différents onglets de la fenêtre de description du champ, notamment l'onglet "Général" et l'onglet "Détail".
Pour plus de détails, consultez :
Liste des exemples associés :
WW_Flexbox Exemples didactiques (WEBDEV) : WW_Flexbox
[ + ] Cet exemple présente le champ Flexbox qui détermine le positionnement des champs placés dedans.
Version minimum requise
  • Version 28
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 02/05/2023

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