|
|
|
|
|
|
|
|
|
|
- Overview
- Including clickable icons on the left and/or right of the input area
- Defining clickable icons in the editor
- Defining clickable icons programmatically
- Delete button
Control Campo de entrada: Botones del área de entrada
You can include different buttons in the input area of an Edit control: - Clickable icon on the right,
- Clickable icon on the left,
- Delete button.
These buttons and the corresponding events can be defined: - directly in the interface.
- programmatically.
Including clickable icons on the left and/or right of the input area The "UI" tab of the Edit control description window contains different options to manipulate buttons in the input area. The buttons to the left and right of the input field are clickable icons: simply define the image to be used and specify the associated click code.. Defining clickable icons in the editor To include clickable icons on the right and left of the input area: - Open the Edit control description window.
- On the "UI" tab, under "Botones integrados en el área de entrada", click "No buttons" (left or right, depending on the icon you want to include).
- In the window that appears, indicate:
- the name of the image to be used. This image can be a file on disk or an image from the image catalog. In the latter case, the suggestions will automatically be icons that can be displayed in this area.
- the number of states of the image.
- whether or not the icon should be in monochrome mode. If monochrome mode is forced, it is possible to use either the text color or the style color (defined in the "Style" tab, "Force in monochrome" element.
- the icon size (width and height). If not specified, the current icon size will be used.
- If necessary, specify the margins between the input area and the icon using the "Margins" button:
- Confirm the changes made in the icon options window. The name of the selected image appears as a link in the "UI" tab of the control description window.
- Validate the control description. The selected icon appears in the control.
To define the WLanguage code associated with the clickable icon: - Open the WLanguage code associated with the Edit control (press F2).
- Write the corresponding WLanguage code in the "Click on the left button click" or "Click on the right button" event.
Defining clickable icons programmatically To programmatically include clickable icons on the right and left of the input area: - Use the RightButton and/or LeftButton properties to define the characteristics of the icon.
For example:
EDT_Edit.RightButton.Image = IMG_Plus
EDT_Edit.RightButton.NbState = 5
EDT_Edit.RightButton.Monochrome = False
- Use the Process property with the trtClickButtonEditControlRight and trtClickButtonEditControlLeft constants to define the process to be executed. For example:
EDT_Edit.Process[trtClickButtonEditControlRight] = MyProcedure
The delete button is used to clear the input area. This button is a standard icon displayed by the system. You can choose among different display options (position and image). To configure this delete button: - Open the Edit control description window.
- On the "UI" tab, under "Botones integrados en el área de entrada", expand "Delete button" and select the desired option:
- None: The delete button will not be displayed (default option).
- When entering: The delete button only appears when the field is being entered (when the user enters the field content).
- Out of edit: The delete button only appears when the edit control is complete and the user has changed the edit control..
- Always Visible: The delete button is always visible.
- If you choose one of the delete button display options, the "No buttons" link next to "Right" changes to "No customization".
- If there are no customizations, the delete icon ("X") defined by the system will be used.
- You can customize the delete icon by clicking the "No customization" link next to "Right".
- Validate the control description window.
Remarks: - The delete icon does not appear in the editor. It will appear when you run the window test.
- To define the position and the display options of the delete button programmatically, use the WLanguage DeleteButton property.
Esta página también está disponible para…
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|