|
|
|
|
- Présentation du champ Flexbox
- Créer un champ Flexbox
- Caractéristiques du champ Flexbox
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 : Pour créer un champ de type Flexbox : - Sous le volet "Création", dans le groupe "Conteneurs", cliquez sur "Flexbox".
- 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 : - Sélectionnez le champ.
- 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 :
|
Exemples didactiques (WEBDEV) : WW_Flexbox
[ + ] Cet exemple présente le champ Flexbox qui détermine le positionnement des champs placés dedans.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|