How to combine the 'custom:auto-entities' and 'custom:slider-entity-row'

Configuration Frontend
1

I’m trying to combine the ‘custom:auto-entities’ and ‘custom:slider-entity-row’ cards. I have about 30 lights in my house and I use the auto-entities with a state filter so I have a card that shows all lights that are ‘On’ but hides all the lights that are off. I’d like to have those lights also have the dimmer slider. I’m trying to avoid manually adding all the dimmers in the house. Anyone find a way to do this?

@thomasloven ?

2

In case anyone else runs into this I found the solution:

card:
  show_header_toggle: true
  tap_action:
    action: toggle
  title: Lights on
  type: entities
filter:
  exclude:
    - state: 'off'
    - state: unavailable
    - device: /AdGuard/
    - name: /Ring/
  include:
    - domain: light
      options:
        type: 'custom:slider-entity-row'
        toggle: true
    - domain: switch
show_empty: false
type: 'custom:auto-entities'

image

7 Likes
3

On my computer it works, but on my mobile I can’t see the toggle switch. Why is the card not adapt to my mobile screen? @thomasloven

4

It does.
Since you went through the trouble of replacing the original toggle with a slider row, it assumes you think the slider is more important than the toggle and chooses to display that when there’s not enough room for both.