Defining an anchor on overlayable controls

1. Select the overlayable control.
   Reminder: To define a stackable field, check the "El control se puede superponer" option in the "UI" tab of the control description window..
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 the "Move as next reference field" option, select the reference field of the overlay field. 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.
   • Width anchoring: defines the width behavior of the field when the reference field is resized.. The overlaid control can:
     • keep the same width,
     • adapt to the content,
     • change along with the browser.
       
   • Height anchor: defines the height behavior of the field when the reference field 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.