1. Outline
To highlight a text box as it is being typed, this method instantly changes the background and border colors when it becomes active.
The sample project used in the explanation can be downloaded from the following link. We hope you will take advantage of it.
2. Operation image
3. Implementation method (explanation of key points only)
3-1. Screen Creation
Create a new screen and place the necessary controls.
(1) Text
A control for entering text.
3-2. Logic implementation
This is the logic when "1) Text" is selected.
Two major logics need to be created.
1) Processing when not selected (normal color)
2) Processing when selected (highlighted color)
Since the only difference is the color to be set, only case 2) is explained here.
The process is as follows
3-2-1. Changing the color of a text box (background color)
In the "1. Text Box Emphasis Color Set" process, the "Background Color Set" of "Control" is set for the component.
Next, set the text box whose color you want to change in "Control" and the color you want to change in "Background Color".
3-2-2. Changing the color of text boxes (ruled line color)
In the "2. Text Box Emphasis Color Set" process, "Border Color Set" of "Control" is set to the component.
Then, set "Control" and "Border Color" in the same way as in "3-2-1. Changing the Color of Text Boxes (Background Color).
3-3. Logic calls from the screen
1) Processing when not selected (normal color)
Set the logic for the normal color in the "Execution Processing" section of the "Behavior Setting".
2) Processing when selected (highlighted color)
Set the logic for the highlight color in "Instant Processing" under "Operation Settings".
This completes the implementation for "(1) Text". If there are multiple text boxes, as in this sample program, the same implementation should be applied to each of them.