Clear input

[acidos]

Hi,
I am trying to add a clear input button, which will empty the input string. I wonder if there is already a code and internal handler for it. I couldn't find any documentation. Even "PlusMinus" is not documented :)
If there is no code for that, how can I bind the key to custom js handler?

Thanks

[lukabelingar]

There's very little documentation about actual keyboard layouts and I don't think it's easy to implement a button with new functionality. However, the entire field's content should be selected when the keyboard pops up, so when the user presses the backspace button or just a new number, content is deleted or replaced. "Cancel" functionality supplements this workaround :). PS. You could browse around the (html) document tree with your browser's dev tools, find the correct button and use JQuery magic to add functionality. The KB layout is actually just a big json with buttons description, so you could add one more.

[acidos]

I achieved this fairly easy...

Added the key:

{
  "geometry": {
    "left": 105.17391304347826,
    "top": 3,
    "width": 15,
    "height": 12
  },
  "code": "clear",
  "key": "clear",
  "type": "edit",
  "labels": [
    {
      "type": "svg",
      "svg": {
        "path": "M 7.646 10.5 L 14.354 3.5 M 7.646 3.5 L 14.354 10.5",
        "dimensions": {
          "width": 22,
          "height": 14
        }
      }
    }
  ]
},

Added handler

var Clear = (e: any, b: any) => {
    if (b && b.length && b.length == 1) {
        if (b[0].key.key == "clear") {
            this.Keyboard.__indirectInputElement.value = "";
        }
    }
}
TcHmi.EventProvider.register(`${this.kid}.onKeyPressFinished`, Clear);

I've also increased font size of indirect input element by placing .css file into theme folder.

.TcHmi_Controls_Beckhoff_TcHmiKeyboard-template-textbox {
    font-size: 20px; 
}

Maybe there is nicer way to do that, but I couldn't find.

Last but not least, I'm setting top bar text to the tooltip text so the user can be confident about field he's editing.
This can be combined with the limits of course.

        if (zz.id) {
            let xx = TcHmi.Controls.get(zz.id) as any;
            if (xx && xx.getTooltip)
                str = `${xx.getTooltip()}`;
            break;
        }

One question - is there any way to know if the keyboard is about to be open on Beckhoff touchscreen monitor or via remote desktop connection to the local IPC?