HABPanel Universal Keypad
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
img
Keypad.widget.json
LICENSE
README.md
keypad.html

README.md

Universal Keypad for HABPanel

Features:

  1. Responsive
  2. Stylable
  3. Customizable
  4. Single receiving item
  5. Awesome!

Demo

openhab_widget_keypad|495x500

Responsive

openhab_widget_keypad_responsive|495x500

Stylable

openhab_widget_keypad_styles|323x330

Customizable

openhab_widget_keypad_settings|276x500

Code

You can stylize t he keypad based on class names Find the class names through the git repo https://github.com/LuckyMallari/HABPanel-keypad

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
    • blace
    • transparent

Discussion

Discussion in openHAB Forums