ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

New WINDEV and WINDEV Mobile 2024 feature!
Help / WLanguage / WLanguage properties / Properties associated with windows, pages and controls
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
The FlexDirection property gets and sets the direction of the main axis of a Flexbox control (corresponding CSS property: "flex-direction").
Example
// Flexbox control characteristics
FLEX_MyFlexbox.FlexDirection = fbdColumn
FLEX_MyFlexbox.FlexWrap = fbwWrap
FLEX_MyFlexbox.FlexJustifyContent = fbjcCenter
FLEX_MyFlexbox.FlexAlignContent = fbacEnd
FLEX_MyFlexbox.FlexAlignItems = fbaiCenter
FLEX_MyFlexbox.FlexColumnGap = 5
FLEX_MyFlexbox.FlexRowGap = 50
Syntax

Getting the direction of the main axis of a Flexbox control Hide the details

<Result> = <Control used>.FlexDirection
<Result>: Integer constant
Direction in which items will be laid out in the Flexbox control:
fbdColumnItems are laid out vertically, from top to bottom.
fbdColumnReverseItems are laid out vertically, from bottom to top.
fbdRowItems are laid out horizontally, from left to right.
fbdRowReverseItems are laid out horizontally, from right to left.
<Control used>: Control name
Name of the Flexbox control used.

Setting the direction of the main axis of a Flexbox control Hide the details

<Control used>.FlexDirection = <New characteristics>
<Control used>: Control name
Name of the Flexbox control used.
<New characteristics>: Integer constant
Direction in which items should be laid out in the Flexbox control:
fbdColumnItems are laid out vertically, from top to bottom.
fbdColumnReverseItems are laid out vertically, from bottom to top.
fbdRowItems are laid out horizontally, from left to right.
fbdRowReverseItems are laid out horizontally, from right to left.
Minimum version required
  • Version 2024
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 02/02/2024

Send a report | Local help