button-card icon indicating copy to clipboard operation
button-card copied to clipboard

Full size button image. Example

Open EliSchleifer opened this issue 6 years ago • 4 comments

Love the project. I ended up tweaking my styling to provide a full image toggle button. There wasn't any existing example. Thought it might be nice to include.

    - type: "custom:button-card"
      entity: switch.jasco_products_14288_duplex_receptacle_switch_4
      show_entity_picture: true
      show_name: false
      show_icon: true
      style:
        - padding: 0px
      styles:
        entity_picture:
          - width: 100%
          - padding-bottom: 0%            
      entity_picture: "/local/images/PatioLightsOff.jpg"
      state:
      - value: 'on'
        entity_picture: "/local/images/PatioLightsOn.jpg"

EliSchleifer avatar May 04 '19 00:05 EliSchleifer

Thanks, I'll integrate this into the documentation!

RomRider avatar May 04 '19 10:05 RomRider

@EliSchleifer, would you mind sharing a gif of the result please?

RomRider avatar May 04 '19 11:05 RomRider

[](url)

https://user-images.githubusercontent.com/6599039/203659318-679a84de-b170-47e4-b018-620a152f8583.mp4

here you go

dvbit avatar Nov 23 '22 22:11 dvbit

@dvbit Could you share the code and animated gifs behind the video you've shown please? I'd like to do this too. Thanks.

jarrah31 avatar Oct 19 '23 14:10 jarrah31