WEBDEV Concepts

58 Part 2: Developing a site 5 Options for editing controls in a page These display options are used to customize the operations performed on the controls in the page editor. The edit options allow you to set: • the display options. • the snap-to behavior of the controls. • the clicks and double-clicks on the controls. • the control selection options. These display options are used to customize the operations performed on the controls in the window editor. To open these options, go to the "Display" tab and click the dialog box launcher ( ) in the "Options" group. 6 Anchoring controls The pages of a WEBDEV site can be resized at runtime: the browser can be resized, the site can be displayed on different platforms (iPhone, PC, etc.). The anchoring mechanism allows controls to automatically adapt their size and position when the page is resized. The anchoring of a control is defined via several parameters: • the control anchors : this parameter defines the modification that will be applied to the control according to the change of the page size. The control can move left and/or down and can be enlarged vertically and/or horizontally. • the control width and/or height : this parameter is used to define the behavior of the control when resized. The height or the width can be adapted to the control content or to the browser. You can also define the minimum control size. These parameters can be configured in the page editor. 6.1 Anchoring a control in the editor To anchor a control: 1. Select the controls you want to anchor. 2. Define the control anchoring options: • in the "UI" tab of the control description window ("Description" in the context menu). • via "Anchor" in the context menu of the control (right click). 3. Choose the desired type of anchoring in the window that appears.