Dashboard Custom image for on AND off?

callegari.dreaming · May 28, 2019, 3:05pm

This has probably been asked already but I search was not my friend this time.

I know you can create a custom Icon for the on and off (in switch template for example) however can we do a custom image instead for each option?

Currently custom image is just for the tile (instead of a solid color background). However if you want that image to change when you turn it on or off, I don't see that kind of option.

Would be nice

Royski · May 28, 2019, 3:38pm

I know @Cobra is working on this.

dan.t · May 28, 2019, 6:12pm

I made myself a virtual switch that shows an image for on/off.
I host the images on Github. You can find my code here:

github.com

danTapps/Hubitat/blob/master/Drivers/Virtual Image Switch/virtual_image_switch.groovy

/*
 * Virtual Checkmark with Switch
 *
 *  Copyright 2019 Daniel Terryn
 *
 *  Licensed Virtual Image Switch the Apache License, Version 2.0 (the "License"); you may not use this file except
 *  in compliance with the License. You may obtain a copy of the License at:
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
 *  on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License
 *  for the specific language governing permissions and limitations under the License.
 *
 *  Change History:
 *
 *    Date        Who            What
 *    ----        ---            ----
 *    2018-05-21  Daniel Terryn  Original Creation
 *

This file has been truncated. show original

You would need to modify the lines 34 and 36 to set your own images that you host somewhere

veeceeoh · May 30, 2019, 3:11pm

How do you make use of the URL data from events on the custom image attribute to display the image in Dashboard?

dan.t · May 30, 2019, 7:22pm

I use the "Attribute" template that you can select on the dashboard and then select the image attribute to be shown. It will then show the image that is set for the state.