PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • 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
  • Binding a control to a data file item
  • 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 in the same window
  • Copying a window control to another window
  • Copying the control style
  • Moving, locking and aligning the window controls
  • Moving one or more window controls
  • Moving a table column in the editor
  • Locking controls
  • Aligning the window controls
  • Resizing window controls
  • Using 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/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Creating a control in a window

Creating a control in a window

To create a control in a window:
  1. Go to the "Creation" tab in the window editor. This tab contains 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 at the desired location to create the control.
Remark: To create a new column in a Table control from the window editor:
  1. Select the Table control.
  2. Right-click to open the context menu:
    • 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. For more details, see Dictionary.
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. For more details, see Subscribing an element to the dictionary.

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 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 item description.


To create a control from the clipboard content:
  1. Copy the element to the clipboard: on the "Home" tab, in the "Edit" group, click "Copy" (o Ctrl + C).
  2. In the window editor, on the "Home" tab, in the "Edit" group, click "Paste" (or Ctrl + V).
Remark: You can explicitly choose the format in which the clipboard content must be pasted in the window editor: on the "Home" tab, in the "Edit" group, click "Paste" and select "Special paste". For more details, see Special paste.

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

WINDEV allows you to create an Image control by dragging an image file from Windows explorer and dropping it onto a WINDEV window.
To create an Image control from an image file:
  1. Select the desired image file in Windows Explorer.
  2. Hold the left mouse button down and move the image file to a window opened in the WINDEV editor.
  3. Release the mouse button. An Image control associated with the image file is automatically created.
Remark:
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)
    Remark: the "tiled tiff" option of 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
    Remarks:
    • HQ display (High Quality) available.
    • Management of sheets in transparent BMP format (32 bits).
    New in version 22
    Remarks:
    • HQ display (High Quality) available.
    • Management of sheets in transparent BMP format (32 bits).
    Remarks:
    • 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)
  • Versions 22 and later
    WINDEV images (generated by the image editor, *.WDPIC).
    New in version 22
    WINDEV images (generated by the image editor, *.WDPIC).
    WINDEV images (generated by the image editor, *.WDPIC).
The following formats are supported by Windows Mobile: BMP, ICO, JPEG or GIF.
Binding a control to a data file item
Excluding buttons, tabs, shape controls and toolbars, all window controls can be bound to a data file item.
To bind an existing control to a data file item:
  1. Select the desired control.
  2. Go to the "Binding" tab in the control description window (select "Description" in the control context menu).
  3. Enter the information about the bound item.
Remark: 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 bound to the control to be created.
    2. Drag and drop the item onto the position where you want to create the bound Edit control.
  • a Table control from a data file:
    1. In the "Analysis" pane, select the data file that will be bound to the Table control to be created.
    2. Drag and drop the item onto the position where you want to create the bound 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. For more details, see Selecting one or more controls.
Special case: Grouped controls
  • A click performed on a grouped control selects all 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 Selecting one or more controls).
  2. On the "Modification" tab, in the "Depth and alignment" group, click "Group selection" (Ctrl + G).
To dissociate grouped controls:
  1. Select a control belonging to the grouping. WINDEV automatically selects all grouped controls.
  2. On the "Modification" tab, in the "Depth and alignment" group, expand "Group selection" and select "Dissociate 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 Selecting one or more controls).
  2. Press the Del key.
Copying the window controls

Overview

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

Copying a control in the same window

To copy a control in the same window:
  • 1st method:
    • Select the control to copy.
    • On the "Home" tab, in the "Edit" group, click "Copy".
      Remark: You can also select "Copy" in the context menu of the control.
    • On the "Home" tab, in the "Edit" group, click "Paste".
      Remark: You can also select "Paste" in the context menu of the control.
    • Position the control with the mouse (the control outline 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 control outline 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 copied control ("Description" from the popup menu of control).

Copying a window control to another window

To copy a control from a window to another window:
  • 1st method:
    • In the first window, select the control to copy.
    • On the "Home" tab, in the "Edit" group, click "Copy".
      Remark: You can also select "Copy" in the context menu of the control.
    • Display the destination window in the window editor.
    • On the "Home" tab, in the "Edit" group, click "Paste".
      Remark: You can also select "Paste" in the context menu of the control.
    • Position the control with the mouse (the control outline 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.
    • Hold the left mouse button down and drag the control to 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).

Copying the control style

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

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).
Remark: 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 left" or "Move right" in the context menu.
  • 2nd method:
    • Open the table description window.
    • Select the column to move.
    • Use the arrows 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 control cannot position 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:
    • on the "Modification" tab, in the "Help for edit" group, check "Locked".
    • press Alt + V.

Aligning the window controls

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

Resizing 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
    Remark: In this case, the resizing of the control and content is WYSIWYG.
    New in version 17
    Remark: In this case, the resizing of the control and content is WYSIWYG.
    Remark: 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.

Using 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 mode and invisible at runtime.
Home window
An "off-window" control is used to:
  • Keep a control in a window without displaying it at runtime. 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. Go to the "Creation" tab in the window editor. This tab contains 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 version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment