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 FlexAlignItems property gets and sets the alignment of the items in a line of a Flexbox control along the cross axis (corresponding CSS property: "align-items").
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 alignment of items in a line of a Flexbox control Hide the details

<Result> = <Control used>.FlexAlignItems
<Result>: Integer constant
Alignment of items in a line of a Flexbox control:
fbaiBaselineAll the text of the items is aligned.
fbaiCenterAll items are centered. Depending on the direction of the Flexbox control, each item is centered according to its height or width.
fbaiEndDepending on the direction, items are aligned to the bottom or right edge of the Flexbox control.
fbaiStartDepending on the direction, items are aligned to the top or left edge of the Flexbox control.
fbaiStretchDepending on the direction of the Flexbox control, items stretch vertically or horizontally.
<Control used>: Control name
Name of the Flexbox control used.

Setting the alignment of items in a line of a Flexbox control Hide the details

<Control used>.FlexAlignItems = <New alignment>
<Control used>: Control name
Name of the Flexbox control used.
<New alignment>: Integer constant
New alignment:
fbaiBaselineAll the text of the items is aligned.
fbaiCenterAll items are centered. Depending on the direction of the Flexbox control, each item is centered according to its height or width.
fbaiEndDepending on the direction, items are aligned to the bottom or right edge of the Flexbox control.
fbaiStartDepending on the direction, items are aligned to the top or left edge of the Flexbox control.
fbaiStretchDepending on the direction of the Flexbox control, items stretch vertically or horizontally.
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