Oh-knob-card

Setup, Configuration and Use Widgets
1

Hi,
just starting with the oh3 ui. (was dedicated fan of the habpanel)

Can someone maybe please tell me how can I add a unit display like “A” for amps for the value displayed inside of the gauge.

image

Is there any reference how to format pieces of the provided cards and what are the name of slots?

TIA
Maciej

2

The knob component comes from GitHub - kramer99/vue-knob-control: A rotary knob control for Vue.js . You can see in that doc there is a value-display-function option that will convert the displayed value. If you’re using any of the 3.4 releases then your widgets should be able to use the arrow function syntax to define a function that satisfies this property.

- component: oh-knob-card
  config:
    title: Current
    item: chargingCurrentItem
    valueDisplayFunction: =(x => `${x}A`)

image

Start here Creating Personal Widgets | openHAB . There are some explanations of how most of these components are derived and some links to the docs page and f7 pages that cover what you’re looking for.

3 Likes