Options of the window editor

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Window editor and page editor

Options of the window editor

See also

Options of the window editor

Overview

To configure the general options of the window editor:

On the "Home" pane, in the "Environment" group, expand "Options" and select "Options of the window editor".
The configuration window is displayed. The possible modifications are grouped in 4 themes:
- Magnetism.
- Click.
- Options.
- Controls.

Magnetism

Configuring the grid

The snap-on grid simplifies the positioning and the alignment of window controls.

The size of the grid is expressed in pixels.

Recommended options for the grid:

Invisible grid.
Grid enabled.
Vertical spacing of the grid: 12 pixels.
Horizontal spacing of the grid: 12 pixels.

If the spacing of the grid is set to 1, the grid will not be visible.

See Snap-on grid for more details.

Automatic positioning

When moving a control in a window, guides are automatically displayed by the real-time interface checker (also called automatic positioning). The objects snap to the guides, allowing you to align the moved control with the other controls found in the window.

You have the ability to enable (or not) the positioning and the rulers.

See Automatic positioning for more details.

Configuring the rulers

When creating or modifying a window in the window editor, you have the ability to display the alignment rulers.

These rulers have snap-on guides: any control that comes close to a guide is automatically "snapped" by it. This feature allows you to easily position, align or resize the controls found in a window.

You have the ability to make the rulers and the guides visible (or not) and to configure the color of the guides.

See Alignment rulers (Editor) for more details.

Click

Action of double click

By default, double-clicking a control opens the description window.

You have the ability to modify this default behavior.

The double click can:

Open the code window associated with the control.
Open the window used to choose the control style.

Single click

A single click on a control performs a specific action. By default, a simple click on the control allows you to:

edit the caption of the control.
rename the control after modifying the caption with a single click.

You can also adapt the size of the control after editing the caption with a single click.

Options

For each selection

Whenever a control is selected in the window, you have the ability to:

display the properties of the selected control in the "Modifier" pane. See The "Modifier"pane for more details.
display the processes of the selected element in the "Context-sensitive view of code" pane. See The "Context-sensitive view of code" pane for more details.

Position of the WINDEV window in the home screen

By default, the WINDEV window is centered in the home window. It can also be positioned at the top left.

Dotted lines for size of mobile devices

By default, several types of information are displayed along with the window in the WINDEV Mobile window editor:

size of the current target device (landscape and portrait mode).
size of the recommended device.

You can show or hide this information.

Controls

List of fonts

To modify the font of the window controls, use the "Font" combo box found in the "Style" tab of the control description.

By default, only the names of the fonts installed on the development computer are displayed in the "Font" combo box.

In Windows, the same font can be associated with several groups of languages. To fill each font name with the associated language, simply check "Display all the available languages".

Remark: This option will be taken into account during the next window opening.

Other options

The other available options are as follows:

Automatic hotkey when creating a control: This option is used to automatically create a shortcut when creating the control. This shortcut can be modified thereafter. See Hotkey for more details.
Display a representation symbol in Image controls being edited: This option is used to display (or not) a crosshair in the Image controls.
Image with crosshair
Image without crosshair

Versions 21 and later
This option can also be disabled control by control. See The Image control for more details.
New in version 21
This option can also be disabled control by control. See The Image control for more details.
This option can also be disabled control by control. See The Image control for more details.
Calculate anchors during copy/paste: This option is used to automatically calculate the best anchoring options for a control when a copy/paste is performed in a window.
Force preview of internal windows at 100%: Used to force the preview of internal windows at 100% in the Internal Window controls. Therefore, the internal window is properly viewed and the size of the Internal Window control can be adapted in the editor. See The Internal Window control for more details.
Display a half-border on the hovered control: Used to view the limits of the control during the rollover.
Display a UI compilation error when the window is not updated from the skin template: Used to display (or not) a specific UI error if the skin template is not udpated.
Adapt zoom to the screen DPI when opening windows: Used to optimize the display size of the window in the editor.
Versions 25 and later
Display window shadows (in the editor): Used to display (or not) a shadow under the outline of the windows being edited in the window editor.
New in version 25
Display window shadows (in the editor): Used to display (or not) a shadow under the outline of the windows being edited in the window editor.
Display window shadows (in the editor): Used to display (or not) a shadow under the outline of the windows being edited in the window editor.
Versions 25 and later
Hide Windows CE-specific options: Used to no longer display Windows CE-specific options in the window editor. This option is particularly useful if you only develop Android or iOS projects, for example.
By default, Windows CE-specific options are hidden unless the project contains a specific configuration for the Windows CE platform.
New in version 25
Hide Windows CE-specific options: Used to no longer display Windows CE-specific options in the window editor. This option is particularly useful if you only develop Android or iOS projects, for example.
By default, Windows CE-specific options are hidden unless the project contains a specific configuration for the Windows CE platform.
Hide Windows CE-specific options: Used to no longer display Windows CE-specific options in the window editor. This option is particularly useful if you only develop Android or iOS projects, for example.
By default, Windows CE-specific options are hidden unless the project contains a specific configuration for the Windows CE platform.
Default input size for the edit controls: Used to define the default size (in number of characters) of the edit control when they are created.