I create my image directory under /www so I can call images like this
/local/images/your_image.png
I create my image directory under /www so I can call images like this
/local/images/your_image.png
That path isn’t working for me. Image appears on the card only when the file is located directly under /local
did you create the images folder inside /www and move the images there?
Yes. Image is at /config/www/images/file.png. It does load on the crd now. Just took it awhile.
let me see your code
- type: custom:button-card
show_entity_picture: true
entity_picture: /local/images/ok-button.png
size: 50px
styles:
card:
- z-index: 0
- height: 58px
- width: 60px
- border-radius: 0px
- background-color: '#360d7c'
- border-color: white'#070707'
- box-shadow: none
tap_action:
action: call-service
hapxic: success
service: remote.send_command
service_data:
entity_id: remote.roku2
command: select
That should be working from what I see. Check your browser console for any errors. Is the image showing up as missing or just a blank spot in place?
Maybe try rebooting HA if it didn’t pick up your images folder for some reason
Thank you. Image is appearing now. What are the properties of your streaming service icons? I’m adding Disney+ and Paramount+
Not sure what you mean by that?
PNG, transparent background, size, etc.
The ones I threw in are all different PNGS. They’ll get scaled to size, and you can tweak the size of them some in the code underneath the image line
Thanks. I’ll play around with the formatting.
Hello,
I am loving this card. Giving me direct access to my roku and the few apps that we use. I am having a bit of trouble, though getting a couple of apps to launch properly. They are Jellyfin and Spotify. I have included my config for the both and my Roku apps page.
- image: /local/icons/SuperTinyIcons-master/images/svg/jellyfin.svg
app: Jellyfin
tap_action: call-service
service: media_player.select_source
service_data:
source: Jellyfin
entity_id: media_player.clay_living_room
...
- image: /local/icons/SuperTinyIcons-master/images/svg/spotify.svg
app: Spotify Music
tap_action: call-service
service: media_player.select_source
service_data:
source: Spotify Music
entity_id: media_player.clay_living_room
Roku Apps page:
<apps>
<app id="837" type="appl" version="2.23.115025138">YouTube</app>
<app id="592369" type="appl" version="2.0.0">Jellyfin</app>
<app id="22297" type="appl" version="2.11.66">Spotify Music</app>
<app id="13535" type="appl" version="7.12.4">Plex - Free Movies & TV</app>
</apps>
Is there something I am doing wrong in my config? Or is there something else I am missing?
For anyone following this thread who may be interested, the Firemote Card now supports Roku devices as well.
Looking good, everyone! It seems like y’all got the button images. Sorry I’ve been out of the loop due to real-life stuff. Has anyone figured out how to make the voice button work?
One thing I’m not sure if I mentioned, but I made the buttons go dark when everything was off. I was planning to make it so if a ‘service’ button was off, they would be grey too.
Here is the ‘okay’ button and the 'ROKU tab
'.
Thank you, this is awesome! I successfully got it working on a 5+ year old TCL Roku TV. I did change the icons a bit so they were local, but so far everything except a couple buttons seems to work but still minor to me.