Widget: Universal Keypad

habpanel
widget
widgetgallery
Tags: #<Tag:0x00007fae0381bdf8> #<Tag:0x00007fae0381ba10> #<Tag:0x00007fae0381b600>

(Lucky) #1

Universal Keypad for HABPanel

Keypad.widget.json (10.6 KB)

A universal keypad for HABPanel. Use this for your temperature IoT’s, as a calculator, or just to send a number to an item!

Features:

  1. Responsive
  2. Stylable
  3. Customizable
  4. Single receiving item
  5. Controller-less ( no code behind! )
  6. Awesome!

Demo

Responsive

Stylable

openhab_widget_keypad_styles

Customizable

Code

You can style the keypad based on class names
Find the class names through the git repo

Settings

Settings are self-explanatory so I will only provide comments on the ones that are not straightforward.

  • Mask Character - this will mask the output box
  • Clear on Submit - if this is checked, the model is also cleared. This will NOT clear your item, only the UI client side.
  • Output Box Clickable - if enabled, you will be able to click on the box just like an input box.
  • Units - Some of the settings require UNITs so do not forget to include them.
  • Background - You can set using any CSS-valid value. Examples:
    • url(’//path/to/an/online/image’)
    • inherit
    • black
    • transparent
    • #FFFFFF
    • rgb(0,0,0)

To Do

  1. Immediately send command to item on click. (this will not have the output box)

Protect a button with a pin
What tablet are you using for habpannel (CHAT)
Widget: Alarm Keypad
Widget: Alarm Keypad
(Lucky) #2

< reserved >


(ufa) #3

hi
with every click on a number my browser ask me for saving password ?


(ufa) #4

its firefox


(Lucky) #5

Fixed. Updated the link on OP