Please add the ability to change tile labels

đź“ť Dashboards Hubitat Dashboard
1

I know we can do this with CSS but...

  1. its not supported in all browsers and platforms
  2. once you change Dashboard your CSS has to also be changed and
  3. it's a pain in the a$$.

Having the ability to change a tiles label should be one of the core features, not a nice to have.

Thanks, Glenn

9 Likes
2

+1 from me.

With hundreds of devices, I must label things like “Lamp, Bedroom” which often too many letters to fit cleanly on a dashboard. Naming things like “Bedroom Lamp” solves nothing.

I like the HomeKit approach of removing the room name if it appears at the beginning of the name. Ie “Bedroom Lamp” appears in the room called Bedroom as simply “Lamp”, but anywhere else it’s listed by its full name.

2 Likes
3

+1

In addition, I would love to know what features improvements are coming on the dashboard in general. Now that Patrick has moved on it seems to be dead from an externally facing feature improvement standpoint.

1 Like
4

I do the same thing, Family Room Light, Family Room Table Lamp, Family Room Floor Lamp, Family Room Ceiling Fan, Master Bedroom Light....

Each needs to have a unique name of you want to use voice control.

At least give us the option to either use the Device Name or the Device Label.

1 Like
5

Then there's the case where a combination device such as a Qubino dual relay and temp probe module are used. I have one installed in my crawlspace to cut the power to my doorbell transformer to work around an intermittent lock up issue with my video doorbell. The module is named "Doorbell Power Relay Module". But I'm also using the temp probe capability to monitor crawlspace temps to automate turning water pipe heat tape on and off. Not surprisingly, my dashboard tile has a label that makes ZERO sense and conveys nothing about its purpose:

Capture

This has been asked for sooooo many times it's a bit frustrating that nothing's been done about it.

1 Like
6

Amen. Need more text options. Text options in Dashboards

1 Like
7

I was thinking it... You said it. Someone had to. I hope they have a plan..

8

+1
I miss actiontiles and I don't want to use ST

1 Like
9

Agreed. Wish I could take the best of Actiontiles and SharpTools and put them together.

4 Likes
10

Oh I am disappointed we're not able to specify the text. I tried changing the template to Text after specifying the device, thinking it would operate anyway if I tapped it, but then it wouldn't operate as a switch any more.

11

You can do it via CSS. Change the tile # to the tile you are targeting.


.tile-title::after {
    visibility: visible;
    position: absolute;
    text-align: center;
    left: inherit;
    right: 0;
    bottom: 0;
    white-space: pre-wrap;
}

#tile-2 .tile-title { visibility  : hidden !important;}

#tile-2 .tile-title:after { content: 'PUT NEW NAME HERE' !important; }

Read the full post by @markus for more details

You can also do this via smartly.

5 Likes
12

Ah thanks, that's sorted it :smiley:

1 Like
14

That was helpful. Now may you please, please explain to me how to change the Tile "Date-Clock' to get the font size bigger. On a standard 10" wall tablet, its too small. In actionTiles it was pretty decent.

Thanks!

15

I suck at CSS ... any way to move the custom title to the top of the tile rather than the bottom?

16

adjust the 'bottom 140' value as need to move it. change tile # to the one your targeting.

.tile-title::after {
    visibility: visible;
    position: absolute;
    text-align: center;
    left: inherit;
    right: 0;
    bottom: 0;
    white-space: pre-wrap;
}

#tile-0 .tile-title { 
   visibility : hidden !important;
   bottom : 140px !important;
}

#tile-0 .tile-title:after { 
  content: 'PUT NEW NAME HERE' !important; 
}
3 Likes
19

I cannot get this to work!!

#tile-0 .tile-title {
visibility: hidden;
}
#tile-0 .tile-title:after {
content: 'LĂĄs nere';
}
#tile-1 .tile-title {
visibility: hidden;
}
#tile-1 .tile-title:after {
content: 'Dörr nere';
}
#tile-2 .tile-title {
visibility: hidden;
}
#tile-2 .tile-title:after {
content: 'Anna hemma?';
}
#tile-3 .tile-title {
visibility: hidden;
}
#tile-3 .tile-title:after {
content: 'Ella hemma?';
}

1 Like
20

I figured it out....

#tile-0 .tile-title {
visibility: hidden;
}
#tile-1 .tile-title {
visibility: hidden;
}
#tile-2 .tile-title {
visibility: hidden;
}
#tile-3 .tile-title {
visibility: hidden;
}

#tile-0 .tile-title:after {
visibility: visible;
content: 'SPEAKER ON / OFF TOGGLE';
}
#tile-1 .tile-title:after {
visibility: visible;
content: 'INCREASE VOLUME';
}
#tile-2 .tile-title:after {
visibility: visible;
content: 'DECREASE VOLUME';
}
#tile-3 .tile-title:after {
visibility: visible;
content: 'MUTE SPEAKER TOGGLE';
}

3 Likes