I upgraded from 3.4.2 to 4.0.2 on my Raspberry pi4 couple of days ago. Since then i’m having an issue with the OH-Slider component in the Main UI. It’s working strange but not usable. Sometimes the light goes on on full brightness after using the slider, other times the slider is giving %NAN% and isn’t movable. Other times the slider does slide but the light doesn’t change.
I couldn’t find anything on the forum so i’m creating this new topic as I think the problem is within my configuration because this is a widely used component and someone must have noticed if this is a bug.
For clearance, my lights do work with my rules. I almost never adjust the light because of a Scene system I build. But for the Scenes to be adjusted, i need those OH-Slider items (or could do it in the Hue app, but that’s not a sollution ) Also in the Basic UI everthing works normally, I can adjust my lights with the (completely different) Slider component.
I tested it with one of my Hue lights:
Dimmer Dressoir "Dressoir lamp" <light> (lgWoonkamer,gWoonkamer_scene) { channel="hue:0100:001788ac5c8f:hue_dressoir:brightness", ga="Light" }
and tested it with just a dimmer item:
Dimmer TestDimmer "TestDimmer"
For both it’s a different situation. For the TestDimmer item, I can set all values except for 0% and 100%. The TestDimmer item just doesn’t receive the 0% and 100% values.
For the Hue light it’s even more strange. It’s just random what values it accepts, sometimes the light goes on, other times it doesn’t react. But it’s never possible to set it to 0%. In the developer mode the OH-Slider item becomes %NAN% after reloading the browser window, but the widget never does this in a normal page. Mostly when the light goes on, it isn’t able to adjust anymore, the Item does not receive the sliding values anymore after that.
This is a part of my test widget:
- component: oh-list-item
config:
title: Test Slider
slots:
after:
- component: oh-slider
config:
color: white
item: Dressoir
label: true
noborder: false
noshadow: false
outline: true
releaseOnly: true
scale: false
step: "1"
style:
--f7-range-bar-active-bg-color: '=vars.type != true ? "linear-gradient(to left,#fbf1b8 0%,#fcbc36 50%,#000000 100%)" : "linear-gradient(to left,#ec9b00 0%, #9de9fc 100%)"'
--f7-range-bar-bg-color: black
--f7-range-bar-border-radius: 10px
--f7-range-bar-size: 8px
--f7-range-knob-box-shadow: 0 0px 0px rgba(60, 50, 0, 0.9)
--f7-range-knob-color: "#CCCCCC"
--f7-range-knob-size: 18px
--f7-range-label-text-color: black
color: white
margin-left: 30px
margin-top: 0px
width: 200px
unit: "%"
vertical: false
visible: true