929 new features in WINDEV, WEBDEV and WINDEV Mobile 2024

CSS GRID 789 N e w f e a t u r e W D W B WM CSS GRID: A TWO-DIMENSIONAL LAYOUT SYSTEM CSS Grid is a layout system used in web pages. Positioning is defined in cells that are laid out in rows and columns. These cells contain controls. Compared with Flexbox: • Flexbox is one-directional, horizontal OR vertical • CSS Grid is two-directional, horizontal AND vertical. CSS Grid can be used for the entire page, or only for a given section. It is possible to use one or more grids, as well as Flexbox contain- ers, within a CSS grid. Benefit of this new feature in version 2024 : More page layout options 790 N e w f e a t u r e W D W B WM CSS GRID PROPERTIES CSS grids has numerous properties: • number of rows • number of columns • row or column size: fixed, percentage, fraction of the available space • number of cells occupied by a control in the grid • horizontal and vertical justification within a cell • grid track • ... and all the other CSS grid properties. Benefit of this new feature in version 2024: Easily define all aspects of CSS grids 791 N e w f e a t u r e W D W B WM NEW CSS GRID CONTROL Use the 7-tab window to define the properties of the new CSS Grid control. You can write custom CSS code in a specific section of this window. Benefit of this new feature in version 2024 : A new essential control 792 N e w f e a t u r e W D W B WM FLEXIBLE LAYOUT: CSS GRID AND FLEXBOX In WEBDEV, you can create Responsive pages using either the na- tive layouts tool, or a combination of CSS Grid and Flexbox. Benefit of this new feature in version 2024 : More possibilities NEW LAYOUT AND POSITIONING OPTIONS WITH THE CSS GRID CONTROL Blocks appear, dis- appear or move ac- cording to the rules you define Here, the purple block no longer appears when the horizontal space is reduced 79 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

RkJQdWJsaXNoZXIy NDQ0OA==