Light (Dimmer/Color) Control List Widget

A drop-in replacement for Main UI’s default list item widget for controlling Dimmer or Color Items.

The widget uses an accordion to display a toggle and a colorpicker (only if the configured Item is a Color Item) on the list item, and a slider to control the brightness when the accordion is expanded.

Screenshots

Collapsed:

Expanded:

Expanded and with colorpicker:

Changelog

Version 0.1

  • initial release

Resources

https://raw.githubusercontent.com/florian-h05/openhab-conf/refs/heads/main/UI/widgets/list-item_widgets/light-control-list-item.yaml

This is exactly what I was looking for! I will have a look on it. Thank you :smiling_face:

I really like this widget and would love to use it.
Unfortunately, it’s not working for some reason. I’m using openHAB 5.0.1.

It looks like so:
image

My item’s metadata looks like this.

What could be the problem?

Best regards
Daniel

Hi Daniel,

your message got lost in my inbox …

The issue might not be on your side (at least config wise), I have to check but it can be that this widget requires a more recent version of the UI. I’m always on the latest milestone release …

Regards,
Florian

Thanks for putting this together. The explanation here cleared up a few things I was wondering about and gave me some new angles to think through.

Hi Florian, I was trying your control widget with the latest openHAB 5.2.0.M5 and applied it to a Color item. Item is placed to a location. It shows up under the Property tab of the location card, but does only shows the color picker and the switch, but there is no “triangle” to expand the accordion.

It looks the same as with the default supplied widget. Any thoughts? More information required to debug? Could it be, that the UI does not pickup the new “Default List Item Widget”?

Thanks,
Michael

Update: I have modified some text in the custom default widget. This gets displayed in the location card as expected → UI picks up “new” default list widget,

I have also tried a b/w lamp with brightness channel → same results: widget shows switch but no way to expand into the slider. However, Color selection is invisible.

              visible: "=items[props.item].type === 'HSB' ? true : false"

works as expected.

I have tested IOS (Mac, iWatch) and Win11 with Edge.

All the same result: no way to expand the widget to the accordion slider - missing “triangle”

Hmmm… Is there s special requirement on the item?