929 new features in WINDEV, WEBDEV and WINDEV Mobile 2024

258 N e w f e a t u r e W D W B WM FLEXBOX OVERVIEW Flexbox is an adaptive layout method that allows controls to be positioned relative to each other. Although it is mostly used in web applications, this mode is also used on Windows and mobile devices, for controls with dynamic content (e.g., long text spanning over several lines or translation into several languages), or when a window is resized. Controls are laid out in rows or columns, according to precise rules which are cumulative. Positioning is relative rather than pixel-based. Flexbox can be used on the entire window, or only on a group of controls. A well-known example is the layout of controls in the Windows 11 settings window. Benefit of this new feature in version 2024 : New layout mode 259 N e w f e a t u r e W D W B WM AVAILABLE RULES A Flexbox control acts as a container. Items (individual controls) are positioned one after another, within a box (Flexbox control). Key point: In WINDEV, one or more of these individual controls can themselves be Flexbox controls. First, indicate how controls should be laid out within each box: in rows or columns. Then, indicate how the controls should react when the box or the other controls are resized: line wrap, grow, shrink, etc. Apply this method to as many controls as necessary to define their positioning and resizing behavior. A scrollbar will automatically appear where necessary. All these rules can easily be defined in the 7-tab window, which includes all layout possibilities. Benefit of this new feature in version 2024 : Flexibilty Flexbox rules 260 N e w f e a t u r e W D W B WM SPECIFIC USE CASES Translating text into different languages almost always results in strings with different lengths. The size of buttons changes, and the button that grows pushes the button next to it. A Flexbox control is the ideal solution to make sure that the but- tons remain aligned (e.g., at the lower-right corner of the window), when text is translated and/or when the window is resized. Buttons remain aligned Benefit of this new feature in version 2024 : Preserve the window layout FLEXBOX IN WINDEV: EXAMPLES AN ADDITIONAL ADAPTIVE LAYOUT METHOD AVAILABLE IN WINDEV N e w f e a t u r e s i n W I ND E V 2 0 2 4 WE B D E V 2 0 2 4 W I ND E V Mo b i l e 2 0 2 4 50