Why can’t I turn off a color bulb from the dashboard?

💬 Lounge
1

If I make the tile a bulb I can turn it on and off easily. If i make the tile a color bulb (which it is) when I click on the tile I get the color options setting and then i can click on the bulb to turn it off. Is there a way to change this so when I click on a color bulb icon it will change state rather than making me do this from another menu?

(Still working on presence detection and the front door lock)

2

You could add a tile for a switch, with your bulb selected as the device, instead of using the color bulb template.

The primary purpose of choosing which type of a tile is used is to send different commands to a device. For instance, a valve will send open/close to a device, but you can still select a bulb as an end device for it—those commands will just be ignored.

You could really do:
Switch, bulb, dimmer, color bulb.... plenty of options :slight_smile:

2 Likes
3

Expanding on what @adamkempenich stated, there no reason you cannot have multiple tiles for one device on the same dashboard. We do the it for our kitchen color bulbs which my wife likes to change.

Below is what I came up, which is two tiles stacked closely together (using custom CSS). The top tile is a "switch" for quick On/Off, and below it is the color bulb tile for color changes. When off the tile background is transparent, but when on you can see how the bottom of the top tile cuts into the icon of the bottom tile (I'll have to fix that someday)

image

4

@adamkempenich That was the solution! Thanks! Created a new tile for a bulb. When I want to turn that bulb on i click the bulb tile. When I want to change the color of the bulb I click on the color bulb tile.

1 Like
5

Can you post sample of your custom CSS?

6

Here you go. For reference the top tile is 43 bottom is 34.

#tile-43 .material-icons{
  position:relative;
  top:-7px; 
  font-size:40px!important;
}
#tile-34 .tile-title{
   display:none;
}
#tile-34 .material-icons{
  position:relative;
  top:15px;
  font-size:45px!important;
}
7

Thank you!

1 Like