Options of the window editor

WINDEV, WEBDEV AND WINDEV MOBILE
ONLINE HELP

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:

Under the "Home" pane, in the "Environment" group, scroll down "Options" and select "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, the double click on a control edits the description window of control.

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.

Simple click

A simple click on a control performs a specific action. By default, a simple click on the control is used to:

edit the caption of the control.
modify the name of the control once the caption was modified via simple click.

You also have the ability to adapt the size of the control once the caption was edited via simple 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.

Size dotted lines for mobile devices

By default, when a window is displayed in the WINDEV Mobile window editor, several pieces of information are displayed under the editor:

the size of the camera being edited (size in landscape and portrait mode).
the recommended device size.

It is possible to display or not display 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, all you have to do is 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): Allows to display or not to display a shadow under the outline of the windows being edited in the window editor.
New in version 25
Display window shadows (in the editor): Allows to display or not to display a shadow under the outline of the windows being edited in the window editor.
Display window shadows (in the editor): Allows to display or not to display a shadow under the outline of the windows being edited in the window editor.
Versions 25 and later
Hide Windows CE-specific options: Allows you to stop displaying Windows CE-specific options in the window editor.. This option is particularly useful if you only manipulate in 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: Allows you to stop displaying Windows CE-specific options in the window editor.. This option is particularly useful if you only manipulate in 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: Allows you to stop displaying Windows CE-specific options in the window editor.. This option is particularly useful if you only manipulate in 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.