928 new features of WINDEV 28, WEBDEV 28 and WINDEV Mobile 28

NEW POSITIONING METHOD: FLEXBOX CONTROL POSITIONING MADE EASY 764 N e w f e a t u r e W D W B WM A STANDARD METHOD TO POSITION CONTROLS: FLEXBOX The Flexbox layout mode works by repositioning controls within "boxes", setting a vertical or horizontal alignment, set- ting relative sizes and nesting boxes. Each box corresponds to a Flexbox control. The advantage of this mode is the automatic repositioning of boxes and the controls they contain, in order to fit the browser and/or the content. A page in Zoning mode (with or without layouts) or in legacy Responsive mode can contain one or more Flexbox controls. Benefit of this new feature in version 28: A layout that adapts to your rules 765 N e w f e a t u r e W D W B WM FLEXBOX: HOW IT WORKS Controls are positioned one after another, within a box (Flex- box control). Key point: one or more of these controls can themselves be Flexbox controls. First, indicate how controls should be positioned within each box: in rows or columns. Then, indicate how the controls should react when the box or the other controls are resized: wrap, enlarge, reduce... Apply this method to as many controls as necessary to define their positioning and resizing behavior. These are some of the properties you can define Direction in which items will be laid out: rows or columns. Justification: Left, right, justified with or without margins, centered, etc. Enlargement of items in a given area Alignment: Top, bottom, vertically justified, centered, etc. Wrapping: If no wrapping is specified, either the flexbox con- tainer grows, or the content is truncated Etc, Etc: You can easily define these parameters in the UI tab of the 7-tab window (see next features). You will also find options for the cross axis in the 7-tab win- dow. In Flexbox mode, items can be laid out in any order. For example: Benefit of this new feature in version 28: Endless possibilities N ew f e a t u r e s i n 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