Trying to get auto-entities to make buttons, but can't make it work

Configuration
1

I currently have this auto-entities that makes entities:

image
image475Ă—529 17 KB 

card:
  show_header_toggle: false
  title: Sikkerhed
  type: entities
filter:
  exclude:
    - name: '*blind*'
    - name: '*ullegardin*'
    - name: '*lind*'
    - name: '*over*'
    - name: '*Magic*'
    - name: '*yser*'
    - name: '*oor*'
  include:
    - attributes:
        device_class: lock
    - attributes:
        device_class: door
      sort:
        method: name
    - attributes:
        device_class: window
      sort:
        method: name
show_empty: false
type: 'custom:auto-entities'

This makes a nice list of entities, showing the status of the sensors.
But I would like to change it to make a series of small buttons (that can’t be clicked on that is) by using grid.
But I can’t make it work?

I’ve experimented a bit, but I don’t see the attributes filter producing anything

type: 'custom:auto-entities'
card:
  type: grid
card_param: cards
filter:
  exclude:
    - name: '*blind*'
    - name: '*ullegardin*'
    - name: '*lind*'
    - name: '*over*'
    - name: '*Magic*'
    - name: '*yser*'
    - name: '*oor*'
  include:
    - domain: lock
      options:
        type: button
    - attributes:
        device_class: window
        type: button
show_empty: false

image

1 Like
2

Hmm, I just tried editing it in Chrome, and there it works, so it’s something that doesn’t work in Firefox.

EDIT:

I got it working, but had to use Chrome for the editing, that just doesn’t work in firefox, it goes R2L in writing instead of L2R as normal.

But the end result is this:

type: 'custom:auto-entities'
card:
  type: grid
  columns: 5
  title: Sikkerhed
card_param: cards
filter:
  exclude:
    - name: '*ullegardin*'
    - name: '*lind*'
    - name: '*over*'
    - name: '*Magic*'
    - name: '*yser*'
    - name: '*oor*'
    - name: Entr*
  include:
    - domain: lock
      options:
        type: button
        tap_action: none
        card_mod:
          style: |
            :host {
              --paper-item-icon-color: #277327;
              --paper-item-icon-active-color: #aa1010;
      sort: null
    - attributes:
        device_class: window
      options:
        type: button
        tap_action: none
        card_mod:
          style: |
            :host {
              --paper-item-icon-color: #277327;
              --paper-item-icon-active-color: #aa1010;
      sort:
        method: name
    - attributes:
        device_class: door
      options:
        type: button
        tap_action: none
        card_mod:
          style: |
            :host {
              --paper-item-icon-color: #277327;
              --paper-item-icon-active-color: #aa1010;
      sort:
        method: name
show_empty: false

This outputs this here:

image