ONLINE HELP
 WINDEV, WEBDEV AND WINDEV MOBILE
This content has been translated automatically.  Click here  to view the French version.
Help / Editors / Window editor and page editor
  • Overview
  • The parallax effect in the window editor
  • Overview
  • Defining the parallax effect in the window editor
  • Defining the parallax programmatically
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
"Parallax" effects make it possible to scroll the elements in the interface at different speeds.
You can define:
  • field parallax In a window or page, parallax animations allow you to set the speed at which the field is moved and reduced in relation to the movement of the window's (or page's) scrollbar.
  • background image parallax In a page, you can use a parallax animation on background images. When the scrollbar is used, the background image will move at a specific speed relative to the movement of the scrollbar.
The Parallax effects are available:
WINDEV
The parallax effect in the window editor

Overview

The window editor proposes a parallax effect of control.
Here are some examples:
  • If no parallax is defined, the controls and the window scrollbar move at the same speed.
  • If the control is fixed, the control will not move even if the scrollbar is used.
  • The parallax is used to perform specific effects, for example by making the move speed of the control (or its reduction rate) change in relation to the move speed of the window scrollbar.

Defining the parallax effect in the window editor

To define the parallax effect of a control:
  1. Open the control description window.
  2. On the "UI" tab, expand the "Parallax" option.
  3. Choose the requested option:
    • No parallax The field moves in height according to the movement of the window's scrollbar.
    • Material Design effect without reduction The field moves in height proportionally to the movement of the window's scrollbar. In this case, the movement speed is set to 50% and the reduction speed is set to 0%.
    • Material effect Design with reduction The field reduces in height proportionally to the movement of the window's scrollbar. In this case, the move speed is set to 50% and the reduction speed is set to 50%.
      For an Image control, the image follows the display mode.
      • If the image is stretched, it will be distorted to be entirely displayed in the height of the control.
      • If the image is homothetic centered, it will be reduced proportionally to the control height.
    • Fixed control: The field is fixed control. It does not move in the window. It is always visible when the scrollbar moves in the window. In this case, the move speed is set to 0% and the reduction speed is set to 100%.
    • Customize effect Y parallax rate (field movement speed) and Height parallax rate (field reduction speed) can be entered.
Note: The parallax effect is available for all field types.

Defining the parallax programmatically

The following properties are used to define the parallax of a control programmatically:
ParallaxRateHeightThe ParallaxRateHeight property is used to determine and specify how fast a control is reduced when the scrollbar in the window, internal window or page moves.
ParallaxRateYThe ParallaxRateY property is used to determine and specify how fast a control moves when the scrollbar in the window, internal window or page moves.
See also
Minimum version required
  • Version 21
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 10/08/2025

Send a report | Local help