A WebComponent that turns your screen into a touchpad. Intended to show how you can utilise the whole screen when you have a touch sensitive display.
The example shows 5 possibilities
-
POS - Point of Sale - shows an example screen utilising different products and you can click on the appropriate product image to indicate selection of the product
-
Key - Shows how you can create a giant keypad, so like POS but instead of images, with text
-
HTML - Raw HTML text that includes an tag that triggers a 4gl action
-
Hover - Shows how classes can be utilited to enahance the user experience. In this case enlarging the image with hover
-
Wordle - Example showing how to create a similar keyboard to Wordle
When you run the examples, note what appears in the MESSAGE panel when you click on something inside the webcomponent, this is showing that the 4gl action is triggered with the webcomponent variable being set to a particular value corresponding to what you clicked on.
The example has one action, the code could conceivably call different actions by altering execAction to have an extra parameter that is the name of the aciton to trigger.
TODO: Verify legality of Product images. Where did I get them from?