Creating a "Drawer" control in a window

1. On the "Creation" tab, in the "Containers" group, expand "Tab and associated" and select "Drawer control".
2. Click at the desired location to create the control. The control appears in the editor.
   The Drawer control created automatically contains a default field: this field is the button used to "Wind/Unwind" the drawer.. This control contains the necessary WLanguage code. You have the ability to customize this control by associating it with a specific image.
3. Drop on the Drawer control the different controls that must appear/disappear when it is used.

Drawer control found in a window

• When the Drawer control is in edit in the window editor, it can be handled like when it is in execution. The context menu of the control allows you to expand/collapse it upon request ("Collapse/Expand the Drawer control" option).
• In the description of the Drawer control, the "General" tab is used to specify:
  • Whether an animation must be performed when handling a Drawer control.
  • Whether the window size must be adapted when using the control. Indeed, when the Drawer control is expanded, the controls found below the Drawer control are automatically moved to the bottom. This option is used to automatically enlarge the window to the bottom in order to see the controls found below the Drawer control.

Drawer control found in a page

• When the Drawer control is in edit mode in the page editor, it always appears in its maximum size.
• The operations for collapsing/expanding the control always come with an animation if they are performed:
  • in browser code.
  • in server code in an AJAX event (or process).
• When the Drawer control is collapsed, the controls located below it do not automatically move up except if they are positioned (as well as the Drawer control) in a cell that uses the relative positioning of controls. For more details, see Cell control.