I have created icons for each of the entities e.g. for Apple TV (Netflix, YouTube, Max, Disney+, Prime Video) have listed, the file size is under 32KB for each icon but when I try to upload it, the damn thing won’t upload. It just sits there and I get no msg.
I am assuming you have to thru the following sequence
Activities->WatchTV->Edit User Interface->under new page, you choose button with Icons. Here you can choose some of the icons provided by Unfolded or you can upload custom Icons. That is where I am getting stuck.
I understand that once I have the Icon, I can then associate a command like Input Source (Apple TV)->Source (this is the pull down from which i can choose sub activity associated with the Icon).
You have to make sure the icon size is 90x90 pixels otherwise the upload will freeze, also make sure the icon names are different.
I get my icons from https://icons8.com this also gives you option to download the icons in correct size.
This worked, I was initially creating a PNG files with 90X90 pixels but I guess they were not appropriate size (Although each was 32Kb and less). Your Icon link worked and I have been able to uploads custom Icons.
Well done. Do they look the same way on the actual remote?
What I have found on my remote is that the icons on the actual remote are slightly bigger and more bunched together than in the web configurator.
I am using 80x80, then adjust the canvas to 90x90. I can not find anywhere the resolution of the display. However I assume it is something like 560 x 360 pixels (16:9).
So four icons horizontally, 6 vertrically, 20 pixels for the “dots”.
That’s why I am using a 4x6 grid for all pages.
If someone wants the icons I created for AppleTV streaming services and most Ziggo (Netherlands) channels let me know.
Just a quick FYI: I have been using two sources for icons, both found through the discord/the forum:
https://icons8.com/ - a myriad of styles, many are transparent .PNGs, the download tool makes it easy to set background color/transparency and size (these icons need to be 90 x 90 to load).
Material Design Icons - Icon Library - Pictogrammers - material design icons, good for activities, devices, etc. Once again, the download tool makes it easy to set icon color, background transparency, and size.
I really like the icons8 editor, as it lets you easily adjust the “padding” on your .PNG file. For example, let’s look at two icons. Normally I use transparent backgrounds, but I’m going to put the icon on a colored background so it’s easier to demonstrate the difference.
This is how the icon looks when the padding is set to 0%:
That looks awesome. I’m converting all mine now. Cheers!
EDIT: I’ve noticed that when the activity button is focussed the background changes from black to a grey and the black corners are visible. Changing them to transparent fixes it though.
