Using TV Channel Logos Instead
If you would prefer to display a TV channel logo on each button rather than just the channel name, there are a few ways to go about it. The simplest out-of-the-box approach is to swap the Button card for a Picture card.
The layout difference between the Button card and the Picture card may not be immediately obvious, but it becomes clear once you switch between the two and start experimenting.
For channel logos, I would suggest downloading them from TV Channel Lists by clicking on the logo and selecting download. I generally find the small or medium size images work best here. When you go to upload the picture, the interface offers a simple drag and drop option.
To link the Picture card to the channel script created earlier, find the box highlighted with the red arrow, select Perform action and then search for your script in the box that appears.
Personally, I also use the Add interaction option to cover the scenario where someone holds their finger on the button rather than simply tapping it. Both interactions point to the same script, so it all works seamlessly either way.
There Are Many Ways to Beautify
How you lay out the dashboard will largely depend on whether you are building it for remote access or placing it in someone’s home for them to use directly.
In my case, I used standard Button cards and manually uploaded the TV channel logos, as I was still finding my feet with Home Assistant and spending a fair amount of time digging around in the background.
To achieve the layout shown here, I ended up using custom layout cards, columns and grid areas, and had to write the whole thing in YAML as the visual editor was not particularly happy with it.
If you are interested, you can download a copy of the code I used here. I used a file editor to add the logos to the ./www/tv_logos folder, though there are several other ways to achieve the same thing.
1 thought on “The SkyQ Project – From Home Assistant to SkyQ Assistant”