Mode-Specific Icons?

Is there any way to have the Dashboard tile for "Mode" show an appropriate icon per mode? i.e. a sun for day, perhaps crescent moon at night and sailboat for vacation? I'd like the text under it, but an otherwise graphical dashboard loses quite a bit with a text mode tile.

1 Like

Easy Dashboard doesn’t support it yet, but the original dashboard allowed you to specify a background image per mode:

#tile-6 .Day {
    height:154px;
    width:174px;
    display:block;
    background-repeat: no-repeat;
    background-size: 174px 154px;
    background-image: url("http://192.168.3.63/local/IMG_0382.jpg");
    position:relative;
    left: -4px;
    top: -4px;
    border-radius: 10px;
}

#tile-6 .Evening {
    height:154px;
    width:174px;
    display:block;
    background-repeat: no-repeat;
    background-size: 174px 154px;
    background-image: url("http://192.168.3.63/local/5167955A-42B7-400D-9C8C-6F9C7EE42936.jpeg");
    position:relative;
    left: -4px;
    top: -4px;
    border-radius: 10px;
}

#tile-6 .Night {
    height:154px;
    width:174px;
    display:block;
    background-repeat: no-repeat;
    background-size: 174px 154px;
    background-image: url("http://192.168.3.63/local/DecemberMoon.JPG");
    position:relative;
    left: -4px;
    top: -4px;
    border-radius: 10px;
}

#tile-6 .Away {
    height:154px;
    width:174px;
    display:block;
    background-repeat: no-repeat;
    background-size: 174px 154px;
    background-image: url("http://192.168.3.63/local/14568205_168330940293553_3587148671597560912_n.jpg");
    position:relative;
    left: -4px;
    top: -4px;
    border-radius: 10px;
}
3 Likes

Perfect! Thank you!

1 Like

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.