Can't get Paper Buttons Row to work

I have the .js file here (I have a bunch of other lovelace things in the community folder with no issues):

/config/www/community/lovelace-paper-buttons-row/paper-buttons-row.js

and here’s the entry in my configuration.yaml:

lovelace:
mode: yaml
resources:
- url: /hacsfiles/lovelace-paper-buttons-row/paper-buttons-row.js
type: module

any ideas? as i mentioned i have other stuff, button card, card mod, mushroom, all work just fine, it’s just this one that has been refusing to work…

Its not appearing in HACs without adding it as custom repository?

You shouldn’t have to add it to your config file.

shows up in HACS as well…

Can you expand on this ?

I tested this code with one of my lights and the card is working…

type: entities
entities:
  - type: custom:paper-buttons-row
    buttons:
      - entity: light.bathroom_lights
        layout: icon|state
        state_icons:
          "on": mdi:lamp
          "off": mdi:lamp-outline
        state_text:
          on: ON
          off: OFF
        state_styles:
          "on":
            button:
              color: green
          "off":
            button:
              color: red
        styles:
          button:
            background-color: var(--table-row-alternative-background-color)
            border-radius: 40px
            padding: 10px
            font-size: 1.2rem

when editing a dashboard, I press “add card” and paper buttons row is not there, all the other stuff i have installed shows up, except this one, that make sense?

Go to the bottom and add the code using the manual card option.

That worked! So is this how this one is used? I was just doing it wrong to begin with?

Yes or start with the entities card and add the paper buttons code.

Please consider marking my post above with the Solution tag. It will automatically place a check-mark next to the topic’s title which signals to other users that this topic has been resolved.

This helps users find answers to similar questions.

I’m so used to picking a card off the “catalog” or what ever it’s called that it never crossed my mind to do it like this…. Thanks again!

1 Like