Button Card

Hey all,

I’m new to HA, and still exploring the possibilities. As I’ve been incorporating my existing stuff into HA, I’m now presented with a card (I think that’s the right word?) that looks like this:

Screenshot%20from%202018-02-23%2016-17-48

(Each script maps to a REST service that runs on a RPi that triggers a USB-UIRT to send a set of IR sequences)

The “ACTIVATE” buttons work well enough, though I do get the silly message “Turned on TV Off” :slight_smile:

Since these are really stateless buttons, very similar to an IR remote control, what I’d really like is to have a button icon grid similar to a smartphone home screen. I imagine configuring it would be something like:

button_card:
  grid_width: 2
  grid_height: 3
  buttons:
     stereo_on:
       position: (1,1)
       text: "Stereo On"
       icon: stereo_on.png
       service: rest_command.stereo_on
     stereo_on:
       position: (2,1)
       text: "Stereo Off"
       icon: stereo_off.png
       service: rest_command.stereo_off

Does something like this exist already? Or maybe it’s already in the pipeline?

If not, I might take a crack at making it. Are there other components that I might use a template/starting point? I’m not much of a web guy, unfortunately, so I’m not familiar with all the layout frameworks or whatever, but the scope of this seems pretty limited, so I’m willing to hack away :slight_smile:

(I can only post one image per post)

Here’s an general idea of what I’m thinking:

1 Like

Fantastic! Thanks for the link, @anon43302295, looks like just what I want!