WEBDEV Concepts

Part 2: Developing a site 57 4.2 Snap-on grid The snap-on grid is used to place vertical and horizontal markers in the page. The created controls are attracted to these markers, as if the controls and the markers were magnetic. The snap-on grid is used to align the controls according to the markers. 4.3 Real-time interface checker When a control is moved in a page, guides are automatically displayed by the real-time interface checker. The objects snap to the guides, allowing you to align the moved control with the other controls found in the page. 4.4 Advanced interface checker The advanced interface checker is a tool used to standardize the layout of controls in the different site pages. The advanced interface checker proposes to apply, to the current page or to the selected controls, the interface rules from the Windows standard: alignment of controls, standardization of button sizes, etc. 4.5 Alignment options To align multiple controls, WEBDEV allows you to define: • a preset alignment (available on the "Alignment" or "Modification" tabs, in the "Depth and Alignment" group). • a custom alignment (available on the "Alignment" tab, in the "Other alignments" group). The custom alignment allows you to use specific alignment properties. In the custom alignment, you can define: • the horizontal or vertical alignment : controls can be aligned to the left from the beginning of the control or from the input area. They can also be aligned to the right according to the end of the control or input area. • the even spacing : the spacing between controls is adapted in order to be the same between each control (horizontally or vertically). • the size : the size of the selected controls automatically adapts to obtain controls with the same height and/or width. • the reference control : to align and define the size of the controls, the reference control can be: • the first selected control, • the last selected control, • the largest selected control, • the most top left selected control. 4.6 Customizable zoom A zoom factor can be specified to reduce or enlarge the display of the current page. To specify a precise zoom factor, you can: • on the "Display" tab, in the "Help for edit" group, specified the desired zoom factor. • enter the zoom factor in the status bar of the editor (bottom right). • press the Ctrl key and change the zoom factor with the mouse wheel while holding down the Ctrl key.