Changing pattern of stepper card

Setup, Configuration and Use Beginners
, ,
1

I’m currently migrate to OH3. First of all, I’m really excited, it’s a huge step forward!

Now I have a question regarding the stepper-card.
I have a number item that stores the time in minutes when the irrigation should start.

In the sitemap it looks like this:

Setpoint item=WateringAutomatic_Start label="Start der Bewässerung [JS(numberToClock.js):%s]" icon="myclock" minValue=0 maxValue=1425 step=2

image

I’ve tried the same in OH3:

image
image728×616 16.1 KB

How can I show the transformed string inside the stepper?

State description looks like this:

image
image739×257 7.22 KB

numberToClock.js:

(function(i) {
    var hours = Math.floor(i / 60);
    var minutes = i % 60;

    hours = (hours < 10) ? "0" + hours : hours;
    minutes = (minutes < 10) ? "0" + minutes : minutes;

    return hours + ":" + minutes + " Uhr";
})(input)

Javascript transformation is working, because when I use the label-card, it looks correct:

image
image730×274 6.15 KB

Thank you very much for your help!

1 Like
2

What’s the default standalone widget configuration?

3

Ah sorry, I forgot. It’s a simple stepper-card:

value: oh-stepper-card
config:
  step: 15
  min: 0
  max: 1425
4

Is there any option in UI form to change the label or something like that? I’ve never used a stepper card but I would expect there to be an option to set how the middle number is displayed. In that field you’d want to enter something like =items.MyItemName.displayState.

5

@Integer Did you even succeed? I need kind of the same approach

6

Unfortunately, this does not seem to work. I tried changing it to a f7-stepper and then I was able to modify values to displayState (although I used the option-field in the meta state descriptor, same effect though). However, then my buttons didn’t work anymore…

7

It would be great if this was supported.
I have the exact same issue.