Les 926 nouveautés de WINDEV 26, WEBDEV 26 et WINDEV Mobile 26

ÉDITEUR DE PAGES COMPRENDRE LES DÉCALAGES DE CHAMPS : LES BOITES VIRTUELLES MATÉRIALISÉES 739 N o u v e a u t é W D W B WM MODE STANDARD (ZONING) : AFFICHAGE DE L’ARBRE DE POSITIONNEMENT En version 26, il devient possible de visualiser l’arbre de posi- tionnement des champs (d’imbrication des boites) d’une page. Cet arbre permet de comprendre comment le navigateur va positionner les champs. L’arbre de positionnement Gain apporté par la nouveauté 26 : Comprendre la hiérarchie de positionnement 740 N o u v e a u t é W D W B WM MODE STANDARD (ZONING) : LE SURVOL D’UN CHAMP VISUALISE LA BOITE VIRTUELLE QUI LE CONTIENT WEBDEV utilise des boîtes virtuelles pour gérer automatique- ment le positionnement de chaque champ ou groupes de champs. En exécution une boite virtuelle «pousse» les autres champs/boites. La version 26 permet maintenant de visualiser ces boites vir- tuelles sous l’éditeur de WEBDEV et ça éclaircit tout ! Lors de la modification de la taille d’un champ par exemple, vous visualisez les implications que cela peut avoir sur le po- sitionnement des autres champs de la page. Et donc vous comprenez mieux les décalages qui peuvent se produire lors d’un déplacement ou d’un agrandissement de champ d’un seul pixel ! Lorsqu’un positionnement de boite ne convient pas, il suffit de créer et positionner une cellule et d’y placer les champs voulus. Gain apporté par la nouveauté 26 : Comprendre la hiérarchie de positionnement 741 N o u v e a u t é W D W B WM EXEMPLE DE POSITIONNEMENT RÉSOLU À L’AIDE DES BOITES L’exemple illustre un problème qui survient de temps en temps: à l’exécution, un champ ne se place pas à l’endroit attendu. Grâce à la visualisation des boites, il devient facile de corriger ce comportement. L’exemple : A côté d’un champ extensible en hauteur vous placez 2 bou- tons (bouton Plus et bouton Poubelle). Surprise: à l’exécution, le 2ème bouton est renvoyé sous le champ ! Donc, grâce à la nouveauté 26, je demande à voir les boites de ces champs En visualisant les boites virtuelles, le mauvais comportement est identifié: comme le champ s’est agrandi, la boite du haut a poussé la boite du bas, qui contient le bouton «poubelle» ! On crée donc une «cellule» adéquate (en vert) et on y place les 2 boutons à l’intérieur. Cette modification déclenche auto- matiquement un nouveau calcul des boites. Et ainsi à l’exécution, avec la cellule et les nouvelles boites, les 2 boutons restent positionnés correctement l’un au dessus de l’autre ! Gain apporté par la nouveauté 26 : Chacun à sa place ! Les nouveautés WINDEV 26 WEBDEV 26 WINDEV Mobile 26 73

RkJQdWJsaXNoZXIy NDQ0OA==