Functionality extension:
With EASY UI Designer version 1.8 are two new touch keyboards available, which more flexibility and better system integration.
Main functions:
Dynamic Limits: Display and processing dynamically defined limits.Dynamic decimal places: Adjustment of the decimal places to runtime via the SetProperty action. Localized texts: Automatic switching of additional texts in linked unit class according to the active language.Custom keys Configuration individual keys via the KeyStyleItems collection (layout, Label, Interaction).Advantages of the new keyboards
- Greater flexibility in input.
- Dynamic adjustment of limit values and decimal places.
- Correct language switching for localized texts.
- Custom design individual buttons.
Contained in the following products:
EASY UI Designer V1.8
Application:
The two new touch keyboards are located in a new project in the client folder under dialogs/keyboards.
The connection of AlphanumericTouchpadDialog.html and NumericTouchpadDialog.html to a control is achieved using the Use Touchkeyboard property in the Touchkeyboard category of the NumericVarIn and TextVarIn input controls.
How can I integrate the new keyboards into an existing project?
- Update the project using the project configurator.
- Copy both dialogues to the client using the Add New Element.
- The property Use Touchkeyboard is not visible (custom styles are not updated), please use the option Style > Edit current show and use the checkbox to the properties window . If you want the keyboards to open by default, set the property in the style to true.
- If the property Use Touchkeyboard is used, the previously available showKeyboardDialogAction for opening the previous touch keyboards is not executed, so that the two solutions do not interfere with each other.
- To ensure that the touch keyboards are displayed correctly, some entries must be added to a custom project in customstyles.json and customstyles.css (under Client/resources/styles). To do this, please copy the lines from the corresponding appendices into the files.
Can I also integrate the previous keyboards into a new project?
If you need to integrate previous keyboards into a new project, follow these steps:
- Manually add the following templates to the project:
AlphabeticalKeyboardDialog.html, AlphabeticalLightKeyboardDialog.html, and
NumericKeyboardDialog.html - Bind showKeyboardDialogAction in style to
NumericVarIn/TextVarIn so that it is included in all instances
- Set the property use Touchkeyboard in
NumericVarIn/TextVarIn in the style to false.
Note:
If the new keyboards are used, the option use system virtual keyboard on the EXOR panel must be set to false.
However, this results in the restriction that the system keyboard can no longer be called up when the toolbar is enabled.
IMAGE: Enable Toolbar
[Automatic Translation]
