ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Editors / Window editor and page editor
  • Overview
  • How to?
  • Defining an anchor on overlayable 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
Overview
WEBDEV allows you to define overlayable controls: overlayable controls can be displayed above other controls.
An overlayable control can be anchored in relation to its container or in relation to another page control.
How to?

Defining an anchor on overlayable controls

To define an anchor on overlayable controls:
  1. Select the overlayable control.
    Reminder: To define an overlayable control, check "The control can be overlaid" in the "UI" tab of the control description.
  2. Define the element anchoring:
    • in the "UI" tab of the element description window.
    • via the "Anchor" option in the context menu of the desired element.
  3. The following window appears:
    In this window, the options are as follows:
    • Position: In "Move like the following reference control", select the reference control of the overlayable control. The overlayable control will move in the same way. This reference control can be:
      • The container associated with the control (a Cell control or the page containing the control for example).
      • Another control of same parent (a control associated with the cell for example).
      • Another page control (not overlayable).
      Then, if necessary, specify the position of the overlayable control after being moved.
    • Anchor in width: allows you to define how the control will react (horizontally) when the reference control is resized. The overlaid control can:
      • keep the same width,
      • adapt to the content,
      • change along with the browser.
    • Anchor in height: allows you to define how the control will react (vertically) when the reference control is resized. The overlaid control can:
      • keep the same height,
      • adapt to the content,
      • change along with the browser.
    • It is also possible to define the behavior of the control when the content is larger than the control itself. You can:
    • enlarge the control and push the other controls in the page,
    • truncate the content,
    • always enable a scrollbar,
    • display a scrollbar only when the content is larger than the control.
  4. Validate. The overlayable control is anchored.
Minimum version required
  • Version 18
Comments
Click [Add] to post a comment

Last update: 05/26/2022

Send a report | Local help