ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Editors / Window editor and page editor / Window editor
  • Overview
  • Changing the Z-index of a control
  • Changing the Z-order of a control in the window, page or report editor
  • To programmatically change the Z-index of a control
  • Note
  • Single Z-index
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
All the controls in a window or report have a different z-index. The z-index is the position of the control along the z-axis, relative to the plane of the window or report.
WEBDEV - Server codePHP In WEBDEV, this feature is only available for reports.
For example:
Window displayed in the editor
Window displayed in the editor
Vertical section of the window
Vertical section of the window
The Z-index is used to manage the overlay effects of several controls: if two controls are overlaid (two images for instance), the control displayed in the foreground will be the control with the highest Z-order.
Changing the Z-index of a control
The Z-index of a control can be modified:

Changing the Z-order of a control in the window, page or report editor

To change the Z-order of a control in the window, page or report editor:
  1. Select the desired control.
  2. On the "Modification" tab, in the "Depth and alignment" group, choose the desired action:
    • to position a control on the highest Z-index: expand "Bring forward" and select "Bring to front".
    • to position a control on the lowest Z-index: expand "Send backward" and select "Send to back".
    • to increase the Z-index of a control: expand "Bring forward" and select "Bring forward".
    • to decrease the Z-index of a control: expand "Send backward" and select "Send backward".

To programmatically change the Z-index of a control

Use ZOrder on controls in a window or report.
WEBDEV - Server codePHP This property is not available for the controls found in a page.
Note

Single Z-index

All the controls belonging to the same window (or to the same report) have a different Z-index.
WINDEV Special cases:
  • Control within a Tab control, supercontrol or toolbar
    If the window contains a Tab control:
    • The Tab control has a Z-index. This Z-order is relative to the window
    • The Z-order of the controls within the Tab control is relative to the Tab control. All the controls associated with the Tab control have a different Z-index.
    Supercontrols and toolbars work in the same way as Tab controls.
  • Planes of a window
    If the window uses multiple planes, the z-index of controls is global to all planes.
    For more details on planes, see The planes.
Minimum version required
  • Version 10
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 06/26/2023

Send a report | Local help