Defining 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.