PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview of edit control
  • Create an "Edit" control
  • Main characteristics of edit control
  • Type of an edit control
  • Types and masks
  • Displaying an indication text in an edit control
  • Other important characteristics
  • Customizing the alphanumeric keypad
  • Swap
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
Overview of edit control
The edit control allows the user to type information. The edit control can also be used to view information.
Versions 15 and later
Android Edit controls are now available for Android applications.
New in version 15
Android Edit controls are now available for Android applications.
Android Edit controls are now available for Android applications.
Versions 16 and later
Universal Windows 10 App Edit controls are now available for Windows Phone applications.
iPhone/iPad Edit controls are now available for iPhone/iPad applications.
New in version 16
Universal Windows 10 App Edit controls are now available for Windows Phone applications.
iPhone/iPad Edit controls are now available for iPhone/iPad applications.
Universal Windows 10 App Edit controls are now available for Windows Phone applications.
iPhone/iPad Edit controls are now available for iPhone/iPad applications.
Versions 18 and later
Universal Windows 10 App Edit controls are now available for applications in Windows Store apps mode.
New in version 18
Universal Windows 10 App Edit controls are now available for applications in Windows Store apps mode.
Universal Windows 10 App Edit controls are now available for applications in Windows Store apps mode.

Create an "Edit" control

To create an "Edit" control:
  1. In the window or page editor, click Creating an edit control (or select "Insert .. Control .. Edit control").On the "Creation" pane, in the "Usual controls" group, click .
  2. Click the position where the control will be created in the window or page. The control appears in creation mode.
Note: An edit control can also be created from a list of preset controls by clicking the arrow found on the right of Creating a preset edit control icon. The list of available controls (with their preview in the skin template of project) is displayed. Simply click the requested control to create it in the editor.Note: You also have the ability to create an edit control from a list of preset controls by expanding "Edit". The list of available controls (with their preview in the skin template of project) is displayed. Simply click the requested control to create it in the editor.
To display the control characteristics, select "Description" from the popup menu of control.
Report editor: You also have the ability to create an edit control in a report. See Input in the reports for more details.
Main characteristics of edit control

Type of an edit control

The format of an edit control depends on the type of information displayed or entered. The following types of edit controls can be created:
  • Text to display or enter a character string (name, address, etc.).
  • Multiline text to display or enter several lines separated by a "Carriage Return".
  • Windows Mobile RTF text to enter and display information in RTF format.
  • Password: when typing information, all characters will be replaced by stars on the screen.
  • Numeric to display or enter a numeric value (weight, etc.). The "+++" characters are displayed if the control is not large enough to display the entire number.
  • Currency to display or enter monetary values.
  • Currency + Euro to manage prices for example
  • Date to display or enter dates.
  • Time to enter or display times.
  • Duration to enter or display durations.
  • Versions 24 and later
    Text tokens to manage an input with tokens.
    New in version 24
    Text tokens to manage an input with tokens.
    Text tokens to manage an input with tokens.

Types and masks

Input mask: Several input masks can be used for each type of edit control.
These input masks are multilingual: different input masks can be selected according to the runtime language of the project. See Multilingual feature in the controls for more details.
These input masks can be modified by programming with ..InputMask.
Versions 17 and later
iPhone/iPad The keyboard displayed when entering data in the control automatically adapts to the selected input mask. For example, the numeric keyboard will be automatically displayed to enter values in a control using a numeric input mask.
New in version 17
iPhone/iPad The keyboard displayed when entering data in the control automatically adapts to the selected input mask. For example, the numeric keyboard will be automatically displayed to enter values in a control using a numeric input mask.
iPhone/iPad The keyboard displayed when entering data in the control automatically adapts to the selected input mask. For example, the numeric keyboard will be automatically displayed to enter values in a control using a numeric input mask.
Versions 17 and later
Android Display mask: You can also define display masks for some types of controls (Currency, Currency + Euro, Date, Time and Duration). These display masks are used to define the characteristics of the control when it is not in edit.
For example, a Date control can have:
  • the input mask: "MM/DD/YYYY".
  • the display mask: "DDDD DD MMMM YYYY" (corresponding to the spelled out date).
The display masks can be multilingual and they can be modified by programming with ..DisplayMask.
New in version 17
Android Display mask: You can also define display masks for some types of controls (Currency, Currency + Euro, Date, Time and Duration). These display masks are used to define the characteristics of the control when it is not in edit.
For example, a Date control can have:
  • the input mask: "MM/DD/YYYY".
  • the display mask: "DDDD DD MMMM YYYY" (corresponding to the spelled out date).
The display masks can be multilingual and they can be modified by programming with ..DisplayMask.
Android Display mask: You can also define display masks for some types of controls (Currency, Currency + Euro, Date, Time and Duration). These display masks are used to define the characteristics of the control when it is not in edit.
For example, a Date control can have:
  • the input mask: "MM/DD/YYYY".
  • the display mask: "DDDD DD MMMM YYYY" (corresponding to the spelled out date).
The display masks can be multilingual and they can be modified by programming with ..DisplayMask.
iPhone/iPadWindows Mobile

Displaying an indication text in an edit control

The information text is used to display a help text in the empty edit control. This help text is automatically erased as soon as the user types the first character in the control.
Example of tooltip
This indication text is available for:
  • the text edit controls.
  • iPhone/iPadWindows Mobile the Numeric, Currency and Currency + Euro edit controls.
    In order for the indication text to be displayed in the Numeric, Currency or Currency + Euro edit controls, the option "Reset if zero" must be checked ("Details" tab of control description).
    You can also display the lower bound and the upper bound of the numeric edit control:
    • in the indication text ("Display the bounds in the indication text" in the "Details" tab of control description).
    • in the control tooltip ("Display the bounds in the tooltip" option in the "Details" tab of control description).
The help text can be typed:
  • in the description window of the edit control ("Help" tab in WINDEV/WINDEV Mobile and "Content" tab in WEBDEV).
  • by programming with ..Hint.
iPhone/iPadWindows Mobile The style of the indication text displayed in the control can be configured in the "Style" tab. By default, it corresponds to the style of the input area, in gray and italic. To modify it, all you have to do is select the "Indication text" element and check "Customize the style of the indication text".
Versions 22 and later
..HintTextColor is used to find out and modify the color of information text by programming.
New in version 22
..HintTextColor is used to find out and modify the color of information text by programming.
..HintTextColor is used to find out and modify the color of information text by programming.
Windows Mobile

Other important characteristics

An edit control can be:
  • Windows Mobile in assisted input: When the input is performed in the control, the application automatically proposes the corresponding value found in the HFSQL key item linked to the control.
    For example, in the "City" control, "London" is automatically proposed once "Lo" was typed.
    The assisted input operates on the key items and on the Text items only.
    The assisted input does not operate on the non-key items, on the numeric items, and if an input mask is used for the dates. See Assisted input in an edit control for more details
An edit control can also propose:
  • Windows Mobile a history of inputs: When the input is performed in the control, the list of values previously entered in the control will be automatically proposed. This history of inputs is not proposed for the multiline controls. See Storing the input performed (AAF) for more details.
Windows Mobile An edit control can also:
  • enable the keyboard in edit: when the input is performed in the control, the keyboard will be automatically displayed on the Pocket PC. This option is found in the "Details" tab of the description window of the control.
  • be in Smartphone mode: the size of the control is automatically optimized when it is displayed in a Smartphone. See Smartphone mode for more details.
To display the control characteristics, select "Description" from the popup menu of control.
Versions 17 and later
Android

Customizing the alphanumeric keypad

In the Android applications, an alphabetical keyboard is automatically displayed during the input in a text control. This keyboard allows the user to type the requested text.
This keyboard includes a button (bottom right) that can be customized:
To configure this button:
  1. Display the "Details" tab of the description window of the Edit control.
  2. Select the desired button type in "Keyboard button". Depending on the selected type, the system will display the corresponding button in the current language on the device.
  3. Validate.
The event associated with this button can be entered in the code editor. It corresponds to the optional event "Validation via keyboard". See Events associated with the Edit control for more details.
Versions 18 and later
Android This feature is now available for the Android applications.
New in version 18
Android This feature is now available for the Android applications.
Android This feature is now available for the Android applications.
New in version 17
Android

Customizing the alphanumeric keypad

In the Android applications, an alphabetical keyboard is automatically displayed during the input in a text control. This keyboard allows the user to type the requested text.
This keyboard includes a button (bottom right) that can be customized:
To configure this button:
  1. Display the "Details" tab of the description window of the Edit control.
  2. Select the desired button type in "Keyboard button". Depending on the selected type, the system will display the corresponding button in the current language on the device.
  3. Validate.
The event associated with this button can be entered in the code editor. It corresponds to the optional event "Validation via keyboard". See Events associated with the Edit control for more details.
Versions 18 and later
Android This feature is now available for the Android applications.
New in version 18
Android This feature is now available for the Android applications.
Android This feature is now available for the Android applications.
Android

Customizing the alphanumeric keypad

In the Android applications, an alphabetical keyboard is automatically displayed during the input in a text control. This keyboard allows the user to type the requested text.
This keyboard includes a button (bottom right) that can be customized:
To configure this button:
  1. Display the "Details" tab of the description window of the Edit control.
  2. Select the desired button type in "Keyboard button". Depending on the selected type, the system will display the corresponding button in the current language on the device.
  3. Validate.
The event associated with this button can be entered in the code editor. It corresponds to the optional event "Validation via keyboard". See Events associated with the Edit control for more details.
Versions 18 and later
Android This feature is now available for the Android applications.
New in version 18
Android This feature is now available for the Android applications.
Android This feature is now available for the Android applications.
Swap
Versions 20 and later
AndroidiPhone/iPadWindows MobileUniversal Windows 10 App WINDEV and WINDEV Mobile allow you to automatically transform an edit control into several static controls:
  1. Select the edit control to transform.
  2. On the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Edit control to Statics".
A static control is automatically created for the caption of the edit control and also for the input area.
New in version 20
AndroidiPhone/iPadWindows MobileUniversal Windows 10 App WINDEV and WINDEV Mobile allow you to automatically transform an edit control into several static controls:
  1. Select the edit control to transform.
  2. On the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Edit control to Statics".
A static control is automatically created for the caption of the edit control and also for the input area.
AndroidiPhone/iPadWindows MobileUniversal Windows 10 App WINDEV and WINDEV Mobile allow you to automatically transform an edit control into several static controls:
  1. Select the edit control to transform.
  2. On the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Edit control to Statics".
A static control is automatically created for the caption of the edit control and also for the input area.
Related Examples:
The edit control Unit examples (WINDEV): The edit control
[ + ] Using an edit control.
The RTF edit control Unit examples (WINDEV Mobile): The RTF edit control
[ + ] Using text in RTF format in the edit controls.
This format is very useful to format and view data.
The special characters Unit examples (WINDEV): The special characters
[ + ] Handling special characters in an RTF control and viewing the ASCII and ANSI codes.
Advanced input mask Unit examples (WINDEV): Advanced input mask
[ + ] Handling the input masks in WINDEV:
- Defining the format of positive/negative number in a numeric edit control
- Defining how negative numbers will be displayed in a numeric edit control
- Defining how the value 0 will be displayed in a numeric edit control
- Using a regular expression to prevent from typing characters other than 1, 2, 3, 4, 5 and 6.
- Using a regular expression to "regulate" the input of a French registration number
WD Search Control Training (WINDEV): WD Search Control
[ + ] This example explains how to manage an edit control used to perform FullText searches of "google" type in your database.
WW_Rewali Complete examples (WEBDEV): WW_Rewali
[ + ] This example is a site for travel booking.

It proposes travels at very attractive prices.
You have the ability to choose the travel duration, the start dates, then validate the purchase until the payment via Paypal.

It is using the "scrolling banner" control and the planes.
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment