PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US

  • Overview
  • Creating a control in a window
  • Creating a control in a window
  • Creating a control from a dictionary control
  • Creating a control from the clipboard content
  • Creating an Image control from an image file by Drag and Drop
  • Associate a control with an item of a data file
  • Selecting, grouping and deleting the window controls
  • Selecting one or more controls in a window
  • Grouping controls in a window:
  • Deleting one or more controls from a window
  • Copying the window controls
  • Overview
  • Copying a control into the same window
  • Copying a window control into another window
  • Copy the style of a control
  • Moving, locking and aligning the controls in a window
  • Moving one or more window controls
  • Moving a table column in the editor
  • Locking controls
  • Aligning the window controls
  • Resizing the window controls
  • Use an off-window control
  • Resizing the window
  • Creating an "off-window" control
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Creating a control in a window

Creating a control in a window

To create a control in a window:
  1. Use:
    • "Insert .. Control/Shape/Special" and select the type of control to insert.
    • the icons found in the popup toolbar of the window editor:
      Icon bar
    Display the "Creation" pane in the window editor. This pane presents all the types of controls that can be created in a window.
    According to the type of control to create:
    • click its icon.
    • if an arrow is displayed beside the control name, expand the list and select the type of control to create.
  2. Click the position where the control will be created in the window.
Note: To create a new column in a Table control from the window editor:
  1. Select the Table control.
  2. Display the popup menu (right mouse click):
    • select "Add a column".
    • select the type of column to create.

Creating a control from a dictionary control

WINDEV allows you to create a control from a control found in a dictionary (".DIC" file). A dictionary allows you to store elements (controls, windows, ...) for a future use in the new projects. See the Dictionary for more details.
To create a control from a control found in a dictionary:
  1. Display the "Dictionary" pane.
  2. Open the dictionary if necessary ("Open" from the popup menu).
  3. Select the initial control found in the dictionary (in the "Window controls" category).
  4. Perform a Drag and Drop of the control found in the dictionary toward its future position in the window.
  5. Subscribe the created control to the dictionary if necessary. If the created control subscribes to the dictionary, the modifications made to the control found in the dictionary will be automatically applied to the created control. See Subscribing an element to the dictionary for more details.

Creating a control from the clipboard content

The window editor is used to create several types of control according to the clipboard content:
Clipboard contentType of created control
Text, copied from a text editor for example.Static control
Image file, copied from the Windows explorer.Image control
Image, copied from an HTML page for example.Image control
File description, copied from the data model editor or from the "Analysis" pane.Browsing table
File item, copied from the "Analysis" pane.Control created by RAD according to the type of control specified in the "RAD" tab of the item description.


To create a control from the clipboard content:
  1. Copy the element into the clipboard ("Edit .. Copy" or [Ctrl]+[C]).Copy the element into the clipboard: on the "Home" pane, in the "Edit" group, click "Copy" (or [Ctrl]+[C]).
  2. In the window editor, select "Edit .. Paste" (or [Ctrl]+[V]).In the window editor, on the "Home" pane, in the "Edit" group, click "Paste" (or [Ctrl]+[V]).
Note: The option "Edit .. Special paste" is used to explicitly choose the format in which the clipboard content must be pasted in the window editor. See Special paste for more details.Note: You can explicitly choose the format in which the clipboard content must be pasted in the window editor: on the "Home" pane, in the "Edit" group, expand "Paste" and select "Special paste". See Special paste for more details.

Creating an Image control from an image file by Drag and Drop

WINDEV allows you to create an Image control by performing a Drag and Drop of an image file found in the Windows explorer toward a WINDEV window.
To create an Image control from an image file:
  1. Select the requested image file in the Windows explorer.
  2. Keep the left mouse button down and move the image file toward a WINDEV window opened in the editor.
  3. Release the mouse button. An Image control associated with the image file is automatically created.
Note:
The following image formats are supported in Windows:
  • Bitmap (*.BMP)
  • Graphics Interchange Format (*.gif)
  • Joint Picture Experts Group (*.jpg ; *.jpeg)
  • Kodak Photo CD (*.pcd)
  • PaintBrush (*.pcx)
  • Adobe Photoshop Format (*.psd)
  • TrueVision TARGA (*.tga)
  • Tagged Image File Format (*.tif ; *.tiff)
    Note: the "tiled tiff" option of the tiff 6.0 standard is not supported. In this case, we advise you to save the image in tiff 5.0 standard.
  • Portable Network Graphics (*.png)
  • Windows MetaFiles (*.emf ; *.wmf)
  • Icons (*.ico ; *.icw)
    Versions 22 and later
    Notes:
    • HQ display (High Quality) available.
    • Management of sheets in transparent BMP format (32 bits).
    New in version 22
    Notes:
    • HQ display (High Quality) available.
    • Management of sheets in transparent BMP format (32 bits).
    Notes:
    • HQ display (High Quality) available.
    • Management of sheets in transparent BMP format (32 bits).
  • Cursors (*.cur)
  • Portable Document Format (*.pdf)
  • Versions 15 and later
    Scalable Vector Graphics (*.svg)
    New in version 15
    Scalable Vector Graphics (*.svg)
    Scalable Vector Graphics (*.svg)
Note: To manage the pdf and svg formats, GDIPLUS.DLL must be installed for the computers running Windows 2000 and earlier. For the later versions, this DLL is supplied with Windows. See GDI+ framework for more details.
The following formats are supported by Windows Mobile: BMP, ICO, JPEG or GIF.
Associate a control with an item of a data file
Except for the buttons, the tabs, the shape controls and the toolbars, all the window controls can be associated with an item of a data file.
To associate an existing control with an item of a data file:
  1. Select the requested control.
  2. Display the "Link" tab in the description window of the control ("Description" from the popup menu).
  3. Fill the information about the linked item.
Note: You also have the ability to directly create:
  • an edit control from an item of a data file:
    1. In the "Analysis" pane, select the item that will be associated with the control to create.
    2. Perform a Drag and Drop of the item toward the future position of the linked edit control.
  • a Table control from a data file:
    1. In the "Analysis" pane, select the data file that will be associated with the control to create.
    2. Perform a Drag and Drop of the item toward the future position of the linked Table control. The wizard for creating a Table control is automatically displayed.
Selecting, grouping and deleting the window controls

Selecting one or more controls in a window

WINDEV allows you to select one or more window controls with the keyboard or with the mouse. See Select one or more controls for more details.
Special case: Grouped controls
  • A click performed on a grouped control selects all the grouped controls.
  • Two successive clicks performed on a grouped control selects this control only.

Grouping controls in a window:

Several controls can be grouped together. This grouping simplifies the move of several controls for example.
Reminder: Two types of groups are available:
  • the control gouping to handle several controls in the window editor.
  • the groups of controls to handle several controls by programming.
To group controls:
  1. Select the controls to group (see Select one or more controls).
  2. Enable the option "Control .. Group the selection" ([Ctrl]+[G]) or click Icon to group controls .On the "Modification" pane, in the "Alignment" group, click "Group the selection" ([Ctrl]+[G]).
To dissociate grouped controls:
  1. Select a control belonging to the group. WINDEV automatically selects all the grouped controls.
  2. Enable the option "Control .. Dissociate the selection" ([Ctrl]+[Shift]+[G]) or click Icon to dissociate controls .On the "Modification" pane, in the "Alignment" group, expand "Group the selection" and select "Dissociate the selection" ([Ctrl]+[Shift]+[G]).

Deleting one or more controls from a window

To delete one or more controls from a window:
  1. Select the controls to delete (see Select one or more controls).
  2. Press the [Del] key.
Copying the window controls

Overview

One or more controls can be copied into the same window or from a window into another window.
The description and the code of the copied control will be identical to the ones of the initial control. Only the help number of the copied control ("Help" tab) will be initialized to 0.

Copying a control into the same window

To copy a control into the same window:
  • 1st method:
    • Select the control to copy.
    • Click the "Copy" icon ( Copy icon ) found in the standard bar of window editor.
      Note: You also have the ability to select "Edit .. Copy" or "Copy" from the popup menu of control.
    • Click the "Paste" icon ( Icon for paste ) found in the standard bar of window editor.
      Note: You also have the ability to select "Edit .. Paste" or "Paste" from the popup menu of control.
    • Position the control with the mouse (the outline of the control appears in dotted lines and it helps you position the new control).
To copy a control into the same window:
  • 1st method:
    • Select the control to copy.
    • On the "Home" pane, in the "Edit" group, click "Copy".
      Note: You also have the ability to select "Copy" from the popup menu of control.
    • On the "Home" pane, in the "Edit" group, click "Paste".
      Note: You also have the ability to select "Paste" from the popup menu of control.
    • Position the control with the mouse (the outline of the control appears in dotted lines and it helps you position the new control).
  • 2nd method:
    • Select the control to copy.
    • Right-click the control to copy and keep the mouse button down.
    • Move the control with the mouse (the outline of the control appears in dotted lines and it helps you position the control to paste).
    • Release the mouse button.
    • Select "Copy here".
    • A new name is automatically assigned to the copied control. This name can be modified in the description of the copied control ("Description" from the popup menu of control).

Copying a window control into another window

To copy a control from a window to another window:
  • 1st method:
    • In the first window, select the control to copy.
    • Click the "Copy" icon ( Copy icon ) found in the standard bar of window editor.
      Note: You also have the ability to select "Edit .. Copy" or "Copy" from the popup menu of control.
    • Display the destination window in the window editor.
    • Click the "Paste" icon ( Icon for paste ) found in the standard bar of window editor.
      Note: You also have the ability to select "Edit .. Paste" or "Paste" from the popup menu of control.
    • Position the control with the mouse (the outline of the control appears in dotted lines and it helps you position the new control).
To copy a control from a window to another window:
  • 1st method:
    • In the first window, select the control to copy.
    • On the "Home" pane, in the "Edit" group, click "Copy".
      Note: You also have the ability to select "Copy" from the popup menu of control.
    • Display the destination window in the window editor.
    • On the "Home" pane, in the "Edit" group, click "Paste".
      Note: You also have the ability to select "Paste" from the popup menu of control.
    • Position the control with the mouse (the outline of the control appears in dotted lines and it helps you position the new control).
  • 2nd method: (both windows must be displayed in the editor)
    • In the first window, select the control to copy.
    • Keep the left mouse button down and drag the control into the destination window.
    • Release the mouse button once the control is positioned in the destination window (the dotted border of the control allows you to easily position the pasted control).

Copy the style of a control

Copying the style of a control consists in copying the characteristics of a control style into another control. Only the style of the control is copied (not its content). See Copying the style of a control for more details.
Moving, locking and aligning the controls in a window

Moving one or more window controls

To move one or more window controls:
  1. Select the controls to move.
  2. Keep the left mouse button down and move the controls with the mouse. The real-time interface checker is used to align the controls (see the next paragraph).
Note: The selected controls can also be moved with the arrow keys found on the keyboard. To speed up the move, press the [Ctrl] key together with the arrow key.

Moving a table column in the editor

To move a column table in the editor:
  • 1st method:
    • Display the window containing the table.
    • Select the table and click the header of the column to move.
    • Select "Move to left" or "Move to right" from the popup menu.
  • 2nd method:
    • Display the description window of the table.
    • Select the column to move.
    • Use the arrows found on the right of the table name to move the column.
    • Validate the description window.

Locking controls

In some cases, you may want to lock the controls in a fixed position: in this case, the position of the control cannot be modified and the control is not selected during a selection performed with the lasso. This feature is often useful for the layout controls.
To lock a control:
  1. Select the control.
  2. Use one of the following methods:
    • select "Control .. Edit options .. Locked".on the "Modification" pane, in the "Help for edit" group, check the "Locked" box.
    • press [ALT] + [V].

Aligning the window controls

To align the window controls, you have the ability to use:

Resizing the window controls

To resize a control in a window, you have the ability to use:
  • the mouse (via the sizing handles of the control)
    Versions 17 and later
    Note: In this case, the resizing of the control and content is WYSIWYG.
    New in version 17
    Note: In this case, the resizing of the control and content is WYSIWYG.
    Note: In this case, the resizing of the control and content is WYSIWYG.
  • Versions 16 and later
    the following keyboard shortcuts on the selected control:
    • ALT right arrow: Enlarge the control from the right.
    • ALT left arrow: Enlarge the control from the left.
    • ALT up arrow: Enlarge the control from the top.
    • ALT down arrow: Enlarge the control from the bottom.
    New in version 16
    the following keyboard shortcuts on the selected control:
    • ALT right arrow: Enlarge the control from the right.
    • ALT left arrow: Enlarge the control from the left.
    • ALT up arrow: Enlarge the control from the top.
    • ALT down arrow: Enlarge the control from the bottom.
    the following keyboard shortcuts on the selected control:
    • ALT right arrow: Enlarge the control from the right.
    • ALT left arrow: Enlarge the control from the left.
    • ALT up arrow: Enlarge the control from the top.
    • ALT down arrow: Enlarge the control from the bottom.

Use an off-window control

In most cases, the controls belong to a window. Therefore, these controls appear in edit and at run time. However, a control can be positioned in the host window of the window: the control is said to be "off window". This control will be visible in edit and will not be visible at run time.
Home window
An "off-window" control is used to:
  • Keep a control in a window without displaying it at run time. This allows you to use the control content in programming (like a variable).
  • Display new controls in a window when resizing this window.

Resizing the window

When the window is resized (by the user or by programming), the controls found in the enlarging area of the window are automatically displayed.
For example:
  • In the editor, the "login" window is as follows:
    The Details button is used to enlarge the window height.
    The Details button is used to enlarge the window height.
  • At run time, once the "Details" button was clicked, the "login" window is as follows:
    The off-window controls are automatically displayed.
    The off-window controls are automatically displayed.
To prevent the "off-window" controls from being displayed when the window is resized, these controls must be located above the window (top part of the splash screen).

Creating an "off-window" control

To create an "off-window" control:
  1. Select "Insert .. Control/Shape/Special" and select the type of control to insert.
    Note: You also have the ability to use the icons found in the popup toolbar of the window editor.
    Display the "Creation" pane in the window editor. This pane presents all the types of controls that can be created in a window. Depending on the type of control to create:
    • click its icon.
    • if an arrow is displayed beside the control name, expand the list and select the type of control to create.
  2. In the home window, click the location where the control must be created.
Minimum required version
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment