Les 928 nouveautés de WINDEV 28, WEBDEV 28 et WINDEV Mobile 28

POSITIONNEMENT PAR CHAMP FLEXBOX SOYEZ FLEX 764 N o u v e a u t é W D W B WM UN MODE STANDARD DE POSITIONNEMENT DES CHAMPS : FLEXBOX Le mode de positionnement Flexbox est basé sur un principe de repositionnement des champs contenus dans des «boîtes» (chaque boîte est un champ Flexbox), par alignement vertical ou horizontal, choix de la taille relative et imbrication de ces boîtes. L’intérêt de ce mode réside dans le repositionnement dé- terministe automatique des boîtes et des champs qu’elles contiennent en fonction de la taille du navigateur et/ou du contenu. Une page en mode Zoning (avec ou sans agencement) ou en mode Responsive historique peut contenir un ou plusieurs champs Flexbox. Gain apporté par la nouveauté 28 : Un positionnement selon vos règles 765 N o u v e a u t é W D W B WM FLEXBOX: LE PRINCIPE A l’intérieur d’une boîte (à l’intérieur d’un champ Flexbox), les champs sont positionnés les uns derrière les autres. Point important : un ou plusieurs de ces champs peuvent eux- mêmes être des champs Flexbox. Pour chaque boîte, il faut d’abord indiquer comment position- ner les champs qu’elle contient: en ligne ou en colonne. Il faut ensuite indiquer quel sera le comportement des champs lors du redimensionnement de la boîte ou des champs : retour à ligne ou non, agrandissement, réduction... Et ainsi de suite pour tous les autres comportements de posi- tionnement et redimensionnement. Exemples de comportements à définir (liste non exhaustive) Le sens des éléments: en ligne ou en colonne. La justification: aligné à gauche, à droite, justifié (avec ou sans marge), centré... L’agrandissement ou pas des champs dans la zone L’alignement: en haut, en bas, justifié verticalement, cen- tré,... Le retour à la ligne ou pas; si pas de retour à la ligne, soit la flexbox s’agrandit, soit le contenu est tronqué Etc, Etc: Ces paramètres se définissent simplement à l’aide de l’onglet UI des 7 onglets (voir ci-après). Les 7 onglets permettent également de gérer l’axe secon- daire. Dans le mode Flexbox, il est également possible d’ordonner les champs de manière totalement personnalisée. Par exemple : Gain apporté par la nouveauté 28 : Les possibilités sont infinies L e s n o u v e a u t é s W I ND E V 2 8 WE BD E V 2 8 W I ND E V Mo b i l e 2 8 80