This is probably obvious to everyone, but, I’m very new to my vera3, so, please bear with me.
I would like to know how to change the default gear Icon for virtual devices, and how to use images instead of generic text/button.
I’m butchering some existing TiVo code, and now that I have all the telnet codes that are on the original TiVo remote working with text buttons, I’d like to pretty it up a little with some images…
Looking at other apps with custom images, it seems there’s a way to get images into folders on the vera, but for the life of me, I cant find how to upload to anywhere other than by going to apps/develope apps/luup files and use the upload form there.
Obviously theres a way, can anyone shed any light for a newbie?
The standard device buttons in UI5 must be text only.
The device icons can be set to one or more .png files (> 1 if you want to change the icon based on the value of a device variable). If your custom icons are stored on the Vera itself, then they won’t be visible if users access the server via one of the fwd*.mios.com servers, giving you the default gear icon. If you login directly on your private subnet, they will be visible. If you instead upload your .png files to some publicly accessible web server, then the icons will be visible regardless of how you login, but they won’t appear correctly on the Dashboard → Overview page.
On the device’s tabs, you can use Javascript to control the tab’s contents, but I don’t think that’s what you’re asking for.
You can upload files to other directories when you install the files from the App Store.
But creating an App in the App store and learning to work around all of it’s limitations and bugs is another learning curve. I do not recommend it until you are ready to release this to others.
Otherwise you have to login to Vera and move them manually.
OK thanks, that got me part of the way there, I’ve been able to upload Icons and images to a specific directory using the apps portal, but, its pretty slow going… is there any way to gain direct access to add/delete files through ftp or similar??
So, now I’ve got a custom icon reading from the vera (sort of), it flashes the icon for a split second on the dashboard, then goes back to the gear picture, but it shows properly when the spanner is clicked…
Moving on to the more important bit though…
When you say the standard buttons must be text only - I see almost every app uses text based buttons, but, an app called “Samsung TV Remote” uses images for the buttons … the visual cues make for alot more sleek and user friendly remote than clunky text based buttons …
So, theres obviously a way to make it happen
I was hoping to do the same for this TiVo remote… now that I have a few PNG’S uploaded to vera, what code can I use to get a image based button instead of text based??
Looking at The Samsung app .json file didnt help me, as I couldnt find any refferences to images in the code at all - but - theres just a good a chance I’m looking for the wrong thing?
'fraid not. The capabilities of the basic device-control are very limited. The icon display mechanism described in the link above is all you get. You can also display simple buttons, label text, variables as strings, a single slider and simple data-entry fields.
You can use javascript to provide a better UI for tabs in the device block. See PLEG for example.
Best Home Automation shopping experience. Shop at Ezlo!