Z-order position of a control

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Controls (window/page/report)

Common

Z-order position of a control

Overview

Modifying the Z-order position of a control

Note

See also

"Long press" optional event

Border of controls

Custom properties (WLanguage)

Infinite Table and Looper controls

Keyboard Variable (Using physical keyboards on Android)

Keyboard shortcut and hotkey

Managing iconic fonts

Multilingual feature in the controls (window, page, report)

Optional events

Optional events: Information retrieved (Java and Android)

Optional events: Retrieved information

Parallax effect

Pinned control in a window

Referring to an element in a WLanguage event / process

Reinitializing the parameters automatically saved

Required or invalid input in WINDEV

Rich text, links and images in the WEBDEV controls

Z-order position of a control

eYe magnet: conditional formatting of controls

Overview
Modifying the Z-order position of a control
Changing the Z-order of a control in the window, page or report editor
To modify the Z-order position of a control through programming
Note
Single Z-order position

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

Z-order position of a control

Overview

All controls found in a window (in a page or in a report) have a different Z-order position. The z-order position of a control corresponds to the order of appearance of the control in relation to the plane of the window (or page or report).

For example:

Window displayed in the editor

Vertical section of the window

The Z-order position 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.

Modifying the Z-order position of a control

The Z-order position of a control can be modified:

on the window, page or report editor.
programmatically.

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:

Select the desired control.
On the "Modification" pane, in the "Depth and alignment" group, select an action:
- to position a control on the highest Z-order position: expand "Bring forward" and select "Bring to front".
- to position a control on the lowest Z-order position: expand "Send backward" and select "Send to back".
- to increase the Z-order position of a control: expand "Bring forward" and select "Bring forward".
- to reduce the Z-order position of a control: expand "Send backward" and select "Send backward".

To modify the Z-order position of a control through programming

Use ZOrder on controls in a window or report.

This property is not available for the controls found in a page.

Note

Single Z-order position

All the controls belonging to the same window (or to the same report) have a different z-order position.

Special cases:

Control within a Tab control, supercontrol or toolbar
If the window contains a Tab control:
- A z-index is assigned to the Tab control. 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, see The planes.