I really like the slider feature for lights. It would be nice to have a facility to use input_slider along side switch - same as light but slider will be user chosen entity.
I don’t seem to be able to give a contextual name to a badge that is in a nested group. Is this possible? The names seem to work if I include the group.innergroup as a state card by itself, but not if it’s nested in another group.
Thanks again for your code, it has really made my UI much more useful and readable.
ie I’d like the badges to just say “Entry”, “Kitchen”, etc.
The “context” here is the “Motion” group, not that inner “4-badges-group”
I seem to have got everything looking like I want but the front end slider on lights don’t change value although the slider position moves. When I hit the light and pop up card appears, the slider works from there. In the picture, the lock timer slider moves but its value doesn’t. (it actually moved from 62 to 79 as a result of the timer, not moving slider)
I appear to be having the same problem. Everything looks great after a lot of tinkering, but my light sliders are no longer working.
I’m new to this, trying to set it up for the first time.
Here’s how I was doing it previously without the CustomUI
With the code like so
upstairs:
name: "Upstairs"
entities:
- light.landing_light
- input_slider.landing_light_brightness
How do I specify that the new slider in the CustomUI should use the input slider I’ve already setup? (input_slider.landing_light_brightness)
Or does the CustomUI automatically setup the code for the new slider? At the moment moving the new slider doesn’t change the light at all.
@jono If you want to control a light via the slider you need to write automation like in the docs here: https://home-assistant.io/components/input_slider/
However if this is the only reason you added the slider - you can use customUI instead to make slider appear in the light card itself.
1 Like
Thanks Andrey.
I already have/use the automation code for ‘input_slider.landing_light_brightness’
- alias: "Landing Light Brightness"
hide_entity: true
trigger:
platform: state
entity_id: input_slider.landing_light_brightness
action:
- service: light.turn_on
data_template:
entity_id: light.landing_light
brightness: '{{ states.input_slider.landing_light_brightness.state | int * 2.55 | round(0) }}'
Just wondering how I can 'tell CustomUI' to use that code or attach it to the CustomUI slider so it will work?
Like I said, you can’t attach code to custom UI.
If you want to have a 0…100 slider to control your light - customUI doesn’t support that.
But if you are ok with the slider displaying 0…255 or now displaying numbers at all - you can make a slider (not input_slider) appear inside the light “card”: https://github.com/andrey-git/home-assistant-custom-ui#features-available-for-light-and-cover-domains-only
Ah, OK. Sorry, I misunderstood 
Is it possible to do something like this below and show the light brightness percentage to the right of the slider? (not inside a badge)
A bit off-topic but could you add dark theme also
I’m yet to find a way for theming…
Well if we are making requests… how about embedding an image in a group? Maybe through the camera component?
https://community.home-assistant.io/t/how-to-display-a-graph-in-a-card
Yes thank you! My light sliders work as expected now
@andrey - any way to hide the title for the group in the attached image? Right now it takes up too much space and adds no value. Thanks in advance!
You mean the “Doors & Locks”?
This should be a Core UI feature.
Thanks for the quick response. Yes-doors & locks. Do you mean I can already hide it in home assistant or that this is not functionality your custom ui should contain? You currently hide the group tile for badge groups. I’d like the same for all groups. Thanks.
I’ll experiment with adding this as core feature
Awesome, thank you - I also just discovered that you can basically get the effect as follows (a hack, but it will do for now until it gets officially added):
group:
your_group:
name: ' ' # combined with "control: hidden", this mostly hides the header
control: hidden
2 Likes