Skip to content

Popup keypad (Howto force a keypad in a HTML5 Edit field)

meewismeewis
edited March 2021 in PLCnext Engineer
Dear all,

On a panel-pc I running a browser in kiosk mode. It shows a PLCNext HMI page. On this page there are some edit fields. When I click on that field I need to popup a keypad. It seems that browser on the panel-pc is checking the config of the pc to decide to show a keypad or not. But how do I force the browser to show a keypad on a edit field? Is there something I need to add to the URL? Is the something magic that I have to incorporate into my design of the HMI pages in PLCNext Engineer?

Please help. 

Kind regards, Wilco

Comments

  • lbrown@phoenixcontact.comlbrown@phoenixcontact.com

    Hello,

    I had the same issue and found this is not supported.  There is some question about whether it is even possible given the nature of HTML5.  As a work around, we created a custom keypad for our customer.  If you are interested I could possible share our solution to this challenge.

    Regards,

    Loren

  • Rob HRob H

    If you are interested I could possible share our solution to this challenge.

    I would be interested to hear your solution. I've been working toward creating a custom keypad in my free time, but have been unsuccessful thus far. 

  • meewismeewis

    Hello Loren, I'm very interested in your solution. Please send it to me. Kind regards, Wilco

  • meewismeewis
    With the great example from Loren, I have made a version that does integer and reals, positive and negative. A from my perspective is also looks a bit simpler ;)

    Because this version works with char code it can be extended to a full keyboard... For those who have more spare time...

    @Loren; please feel free to ad this to your blog

    Kind regards, Wilco

    (please adjust the extention for Keypad_3.pcwex.png to Keypad_3.pcwex)
  • lbrown@phoenixcontact.comlbrown@phoenixcontact.com
    Hi Wilco,

    I really like your solution and that is how it should have been done to start with. Thank you for doing this and for posting your solution. I will update my blog in the near future with your solution. I would like to put your name in the blog if that is acceptable with you?

    Regards,
    Loren
  • meewismeewis
    Hi Loren,

    That's nice. As long we do it together, we can change the world....

    Kind regards, Wilco Meewis
  • pierolivierbpierolivierb
    Hi, I'm in need of a custom keypad like this for my application.
    I am wondering if someone can share me an example solution.
    (The link of the on-screen keypad project on the marker's blog dosen't seem to work.)

    Thank you,

    Pier-Olivier Baillargeon
  • Martin [PLCnext Technology Team]Martin [PLCnext Technology Team]
    It looks like Loren has updated the version number on the file.

    The repository linked in that article is here:
    https://github.com/plcnextusa/On-screen-Keypad/



Sign In or Register to comment.