PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

  • Overview
  • Creating a control in a page
  • Creating a control in a page
  • 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
  • How to proceed
  • Caution
  • Selecting, grouping and deleting the page controls
  • Selecting one or more controls from a page
  • Grouping controls in a page
  • Deleting one or more controls from a page
  • Copying the page controls
  • Overview
  • Copying the controls into the same page
  • Copying a page control into another page
  • Copy the style of a control
  • Moving, locking and aligning the controls in a page
  • Moving one or more page controls
  • Locking the controls
  • Aligning the page controls
  • Resizing the page controls
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
Handling the page controls
Creating a control in a page

Creating a control in a page

To create a control in a page:
  1. Use:
    • "Insert .. Control" or "Insert .. Special" and select the type of control to insert.
    • the icons found in the popup toolbar of the page editor:
    Display the "Creation" pane in the page editor. This pane presents all the types of controls that can be created in a page.
    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 page.
Note: To create a new column in a Table control from the page 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

WEBDEV allows you to create a control from a control found in a dictionary (".DIC" file). A dictionary allows you to store elements (controls, pages, ...) 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 "Page controls" category).
  4. Perform a Drag and Drop of the control found in the dictionary toward its future position in the page.
  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 page editor allows you to create specific types of controls 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
Description of a data file, copied from the data model editor of WEBDEV or from the "Analysis" pane.Browsing table
Item of a data file, 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]).
  2. In the page editor, select "Edit .. Paste" (or press [Ctrl]+[V]).In the page editor, on the "Home" pane, in the "Edit" group, click "Paste" (or press [Ctrl]+[V]).
Note: The "Edit .. Special paste" option allows you to explicitly choose the format in which the clipboard content must be pasted in the page editor. See the Special paste for more details.Note: You have the ability to explicitly choose the format in which the clipboard content must be pasted in the page editor: on the "Home" pane, in the "Edit" group, expand "Paste" and select "Special paste". See the Special paste for more details.

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

WEBDEV allows you to create an Image control by performing a Drag and Drop of an image file found in the Windows explorer toward a WEBDEV page.
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 WEBDEV page opened in the editor.
  3. Release the mouse button. An Image control associated with the image file is automatically created.
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.
Associate a control with an item of a data file

How to proceed

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

Caution

The following controls cannot be associated with an item of a data file:
  • the buttons,
  • the pagers,
  • the cells,
  • the horizontal rules,
  • the Java Applet controls,
  • the Flash controls,
  • the Web Camera controls,
  • the HTML controls.
Selecting, grouping and deleting the page controls

Selecting one or more controls from a page

WEBDEV allows you to select one or more page 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 page

Several controls can be grouped together. This grouping simplifies the move of several controls for example
Reminder: Two types of groups are available:
  • the grouping of controls in order to handle several controls in the page 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 .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 grouping. WEBDEV automatically selects all the grouped controls.
  2. Enable the option "Control .. Dissociate the selection" ([Ctrl]+[Shift]+[G]) or click .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 page

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

Overview

One or more controls can be copied into the same page or from a page into another page.
The description and the code of the copied control will be identical to the ones of the initial control.

Copying the controls into the same page

To copy a control into the same page:
  • 1st method:
    • Select the control to copy.
    • Click the "Copy" icon ( ) in the standard bar of the page editor.
      Note: You also have the ability to select "Edit .. Copy" or "Copy" from the popup menu of control.
      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.
    • Click the "Paste" icon ( ) in the standard bar of the page editor.
      Note: You also have the ability to select "Edit .. Paste" or "Paste" 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 page control into another page

To copy a page control into another page:
  • 1st method:
    • In the first page, select the control to copy.
    • Click the "Copy" icon ( ) in the standard bar of the page editor.
      Note: You also have the ability to select "Edit .. Copy" or "Copy" from the popup menu of control.
      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 page in the page editor.
    • Click the "Paste" icon ( ) in the standard bar of the page editor.
      Note: You also have the ability to select "Edit .. Paste" or "Paste" 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: (both pages must be displayed in the editor)
    • In the first page, select the control to copy.
    • Keep the left mouse button down and drag the control into the destination page.
    • Release the mouse button once the control is positioned in the destination page (the outline of the control appears in dotted lines and it helps you 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 page

Moving one or more page controls

To move one or more page 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.

Locking the 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 "Display" pane, in the "Current control" group, check the "Locked" box.
    • press [ALT] + [V].

Aligning the page controls

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

Resizing the page controls

To resize a control in a page, you have the ability to use:
  • the mouse (via the sizing handles of the control)
  • 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.
Minimum required version
  • Version 9
Comments
Click [Add] to post a comment