926 new features of WINDEV 26, WEBDEV 26 and WINDEV Mobile 26

PAGE EDITOR UNDERSTAND CONTROL POSITIONING: VISIBLE LAYOUT BOXES 739 N e w f e a t u r e W D W B WM STANDARD MODE (ZONING): POSITIONING TREEVIEW In version 26, you can view the positioning tree of the controls in a page. This TreeView allows you to understand how the browser will position the controls. Positioning TreeView Benefit provided by this new feature of version 26: Understand the positioning hierarchy 740 N e w f e a t u r e W D W B WM STANDARD MODE (ZONING): HOVERING OVER A CONTROL SHOWS THE LAYOUT BOX THAT CONTAINS IT WEBDEV uses virtual layout boxes to automatically manage the positioning of each control or group of controls. At runtime, layout boxes "push" the other controls/boxes. WEBDEV 26 allows you to view these virtual layout boxes in the editor ... and makes everything clear! For example, when you resize a control, you can see the im- plications this may have on the positioning of other controls in the page. This will allow you to better understand the shifts that can occur when a control is moved or resized by a single pixel! If a layout box is not positioned the way you want, simply cre- ate and position a cell and place the desired controls in it. Benefit provided by this new feature of version 26: Understand the positioning hierarchy 741 N e w f e a t u r e W D W B WM EXAMPLE OF POSITIONING DEFINEDWITH LAYOUT BOXES The example illustrates a problem that occurs from time to time: at runtime, a control appears at an unexpected position. This problem can now be easily fixed by making the layout boxes visible. Example: You create 2 buttons (Add and Delete) next to a control that can be extended vertically. Surprise: at runtime, the 2nd button is displayed below the control! Now, using the new feature from version 26, you can view the layout boxes that contain these controls By viewing these boxes you can easily identify the cause of the problem: as the control became larger, the top box pushed the bottom box, which contains the Delete button! So we create a "cell" (in green) and we place the 2 buttons inside it. This modification automatically triggers a new calcu- lation of the boxes. Thus, at runtime, using the cell and the new boxes, the 2 but- tons remain correctly positioned one above the other Benefit provided by this new feature of version 26: Sometimes you have to think inside the box WINDEV 26 WEBDEV 26 WINDEV Mobile 26 New features 73

RkJQdWJsaXNoZXIy NDQ0OA==