ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Flexbox control
  • Overview of the Flexbox control
  • Creating a Flexbox control
  • Characteristics of the Flexbox control
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
Overview of the Flexbox control
Flexbox is a standard layout system for web pages. Flexbox controls were introduced in WEBDEV 28.
The principle is very simple:
  • Drop the controls onto the Flexbox control.
  • The Flexbox control then automatically positions the controls according to the desired parameters.
The Flexbox control allows you to:
Creating a Flexbox control
To create a Flexbox control:
  1. On the "Creation" tab, in the "Containers" group, click "Flexbox".
  2. Click where you want to create the control in the page. The control appears in the editor.
Remark: Several preset Flexbox controls appear when you expand the "Flexbox" option, including:
  • Column Flexbox,
  • Row Flexbox,
  • Flexbox cards.
To view the control characteristics:
  1. Select the control.
  2. Select "Description" in the control context menu.
Characteristics of the Flexbox control
The characteristics of Flexbox controls are defined in the different tabs of the description window, mainly in the "General" and "Details" tabs.
For more details, see:
Related Examples:
WW_Flexbox Training (WEBDEV): WW_Flexbox
[ + ] This example presents the Flexbox control, which determines the positioning of the controls it contains.
Minimum version required
  • Version 28
Comments
Click [Add] to post a comment

Last update: 06/23/2023

Send a report | Local help