Dashboard Device Names - Any Way To Selectively Change?

Krishna · December 4, 2021, 4:42pm

OK, so I just added a second tile and got the same problem - second tile text disappears but not replaced. I know I'm doing something stupid here, I just don't know what it is....

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

#tile-73 .tile-title, #tile-20 .tile-title {
visibility: hidden;
white-space: nowrap !important;
overflow: unset;
}
#tile-73 .tile-title:after {
content: 'Formula Color Loop Art Niches';
}
#tile-20 .tile-title:after {
content: ‘Scene Arctic Aurora’; }

sburke781 · December 4, 2021, 4:47pm

If you're doing something stupid then we both are, because I can't see anything wrong either....

sburke781 · December 4, 2021, 4:50pm

Try putting the last } on a new line (or at least a space before it)

Krishna · December 4, 2021, 4:51pm

LOL. OK. Well, I can say that it works fine when I add the code for each tile individually, as long as I am copy cut pasting from your template. So it's going to be a really long page of CSS code but as long as that it ok, I should be able to accomplish what I want.

Krishna · December 4, 2021, 4:54pm

Tried that (see below). Same problem - nothing happens. Weird. Meanwhile, my 13 year old son walks in on me and says, "Oh, you're doing CSS?" Maybe I should make him do this. I feel old....

#tile-73 .tile-title::after, #tile-20 .tile-title::after, #tile-21 .tile-title::after, #tile-49 .tile-title::after, #tile-50 .tile-title::after, #tile-22 .tile-title::after, #tile-23 .tile-title::after, #tile-24 .tile-title::after, #tile-25 .tile-title::after, #tile-51 .tile-title::after, #tile-26 .tile-title::after, #tile-52 .tile-title::after, #tile-27 .tile-title::after, #tile-53 .tile-title::after, #tile-54 .tile-title::after, #tile-55 .tile-title::after, #tile-56 .tile-title::after, #tile-57 .tile-title::after, #tile-58 .tile-title::after, #tile-29 .tile-title::after, #tile-59 .tile-title::after, #tile-60 .tile-title::after, #tile-61 .tile-title::after, #tile-62 .tile-title::after, #tile-63 .tile-title::after, #tile-64 .tile-title::after, #tile-65 .tile-title::after, #tile-66 .tile-title::after, #tile-67 .tile-title::after, #tile-30 .tile-title::after, #tile-31 .tile-title::after, #tile-32 .tile-title::after, #tile-33 .tile-title::after, #tile-68 .tile-title::after, #tile-34 .tile-title::after, #tile-35 .tile-title::after, #tile-69 .tile-title::after, #tile-70 .tile-title::after, #tile-71 .tile-title::after, #tile-72 .tile-title::after, #tile-36 .tile-title::after, #tile-37 .tile-title::after, #tile-38 .tile-title::after, #tile-39 .tile-title::after, #tile-40 .tile-title::after, #tile-41 .tile-title::after, #tile-42 .tile-title::after, #tile-43 .tile-title::after, #tile-44 .tile-title::after, #tile-45 .tile-title::after, #tile-46 .tile-title::after, #tile-47 .tile-title::after, #tile-74 .tile-title::after, #tile-75 .tile-title::after, #tile-76 .tile-title::after, #tile-77 .tile-title::after, #tile-78 .tile-title::after, #tile-79 .tile-title::after, #tile-80 .tile-title::after, #tile-81 .tile-title::after, #tile-82 .tile-title::after, #tile-83 .tile-title::after, #tile-84 .tile-title::after, #tile-85 .tile-title::after, #tile-88 .tile-title::after, #tile-89 .tile-title::after {
visibility: visible;
position: absolute;
text-align: center;
left: inherit;
right: 0;
bottom: 0;
white-space: pre-wrap;
}

#tile-73 .tile-title, #tile-20 .tile-title, #tile-21 .tile-title, #tile-49 .tile-title, #tile-50 .tile-title, #tile-22 .tile-title, #tile-23 .tile-title, #tile-24 .tile-title, #tile-25 .tile-title, #tile-51 .tile-title, #tile-26 .tile-title, #tile-52 .tile-title, #tile-27 .tile-title, #tile-53 .tile-title, #tile-54 .tile-title, #tile-55 .tile-title, #tile-56 .tile-title, #tile-57 .tile-title, #tile-58 .tile-title, #tile-29 .tile-title, #tile-59 .tile-title, #tile-60 .tile-title:, #tile-61 .tile-title, #tile-62 .tile-title, #tile-63 .tile-title, #tile-64 .tile-title, #tile-65 .tile-title, #tile-66 .tile-title, #tile-67 .tile-title, #tile-30 .tile-title, #tile-31 .tile-title, #tile-32 .tile-title, #tile-33 .tile-title, #tile-68 .tile-title, #tile-34 .tile-title, #tile-35 .tile-title, #tile-69 .tile-title, #tile-70 .tile-title, #tile-71 .tile-title, #tile-72 .tile-title, #tile-36 .tile-title, #tile-37 .tile-title, #tile-38 .tile-title, #tile-39 .tile-title, #tile-40 .tile-title, #tile-41 .tile-title, #tile-42 .tile-title, #tile-43 .tile-title, #tile-44 .tile-title, #tile-45 .tile-title, #tile-46 .tile-title, #tile-47 .tile-title, #tile-74 .tile-title, #tile-75 .tile-title, #tile-76 .tile-title, #tile-77 .tile-title, #tile-78 .tile-title, #tile-79 .tile-title, #tile-80 .tile-title, #tile-81 .tile-title, #tile-82 .tile-title, #tile-83 .tile-title, #tile-84 .tile-title, #tile-85 .tile-title, #tile-88 .tile-title, #tile-89 .tile-title {
visibility: hidden;
white-space: nowrap !important;
overflow: unset;
}

#tile-73 .tile-title:after { content: ‘Formula Color Loop Art Niches’; }
#tile-20 .tile-title:after { content: ‘Scene Arctic Aurora’; }
#tile-21 .tile-title:after { content: ‘Scene Autumn Gold’; }
#tile-49 .tile-title:after { content: ‘Scene Blood Moon’; }
#tile-50 .tile-title:after { content: ‘Scene Blue Lagoon’; }
#tile-22 .tile-title:after { content: ‘Scene Bright’; }
#tile-23 .tile-title:after { content: ‘Scene Chinatown’; }
#tile-24 .tile-title:after { content: ‘Scene Concentrate’; }
#tile-25 .tile-title:after { content: ‘Scene Dimmed’; }
#tile-51 .tile-title:after { content: ‘Scene Emerald Isle’; }
#tile-26 .tile-title:after { content: ‘Scene Energize’; }
#tile-52 .tile-title:after { content: ‘Scene Fairfax’; }
#tile-27 .tile-title:after { content: ‘Scene Frosty Dawn’; }
#tile-53 .tile-title:after { content: ‘Scene Galaxy’; }
#tile-54 .tile-title:after { content: ‘Scene Golden Pond’; }
#tile-55 .tile-title:after { content: ‘Scene Honolulu’; }
#tile-56 .tile-title:after { content: ‘Scene Ibiza’; }
#tile-57 .tile-title:after { content: ‘Scene Lake Mist’; }
#tile-58 .tile-title:after { content: ‘Scene Lake Placid’; }
#tile-29 .tile-title:after { content: ‘Scene Nightlight’; }
#tile-59 .tile-title:after { content: ‘Scene Midsomer Sun’; }
#tile-60 .tile-title:after { content: ‘Scene Midwinter’; }
#tile-61 .tile-title:after { content: ‘Scene Moonlight’; }
#tile-62 .tile-title:after { content: ‘Scene Motown’; }
#tile-63 .tile-title:after { content: ‘Scene Mountain Breeze’; }
#tile-64 .tile-title:after { content: ‘Scene Nebula’; }
#tile-65 .tile-title:after { content: ‘Scene Ocean Dawn’; }
#tile-66 .tile-title:after { content: ‘Scene Osaka’; }
#tile-67 .tile-title:after { content: ‘Scene Palm Beach’; }
#tile-30 .tile-title:after { content: ‘Scene Read’; }
#tile-31 .tile-title:after { content: ‘Scene Relax’; }
#tile-32 .tile-title:after { content: ‘Scene Ruby Glow’; }
#tile-33 .tile-title:after { content: ‘Scene Savanna Sunset’; }
#tile-68 .tile-title:after { content: ‘Scene Soho’; }
#tile-34 .tile-title:after { content: ‘Scene Spring Blossom’; }
#tile-35 .tile-title:after { content: ‘Scene Spring Lake’; }
#tile-69 .tile-title:after { content: ‘Scene Starlight’; }
#tile-70 .tile-title:after { content: ‘Scene Sunday Morning’; }
#tile-71 .tile-title:after { content: ‘Scene Sundowner’; }
#tile-72 .tile-title:after { content: ‘Scene Tokyo’; }
#tile-36 .tile-title:after { content: ‘Scene Tropical Twilight’; }
#tile-37 .tile-title:after { content: ‘Scene Winter Mountain’; }
#tile-38 .tile-title:after { content: ‘Ceiling Scene Color Loop’; }
#tile-39 .tile-title:after { content: ‘Ceiling Scene Colourful’; }
#tile-40 .tile-title:after { content: ‘Ceiling Scene Eating’; }
#tile-41 .tile-title:after { content: ‘Ceiling Scene Eye Protection’; }
#tile-42 .tile-title:after { content: ‘Ceiling Scene Mediterranean’; }
#tile-43 .tile-title:after { content: ‘Ceiling Scene Meeting’; }
#tile-44 .tile-title:after { content: ‘Ceiling Scene Night’; }
#tile-45 .tile-title:after { content: ‘Ceiling Scene Pink’; }
#tile-46 .tile-title:after { content: ‘Ceiling Scene Reading’; }
#tile-47 .tile-title:after { content: ‘Ceiling Scene White’; }
#tile-89 .tile-title:after { content: ‘Formula Classic Christmas’; }
#tile-74 .tile-title:after { content: ‘Formula Color Loop Art Niches’; }
#tile-79 .tile-title:after { content: ‘Formula Dark Sunset’: }
#tile-78 .tile-title:after { content: ‘Formula Festival of Lights’; }
#tile-80 .tile-title:after { content: ‘Formula Dinner Party’; }
#tile-81 .tile-title:after { content: ‘Formula Oranges’; }
#tile-82 .tile-title:after { content: ‘Formula Over the Rainbow’; }
#tile-83 .tile-title:after { content: ‘Formula Sakura Blooming’; }
#tile-75 .tile-title:after { content: ‘Formula Scandinavian’; }
#tile-84 .tile-title:after { content: ‘Formula Summer Vibe’; }
#tile-76 .tile-title:after { content: ‘Formula Timeless’; }
#tile-85 .tile-title:after { content: ‘Formula Under the Sea’; }
#tile-77 .tile-title:after { content: ‘Formula Urban’; }
#tile-88 .tile-title:after { content: ‘Formula Winter Wonderland’;
}

sburke781 · December 4, 2021, 4:56pm

LoL...

Did the Winter Wonderland one work? I am thinking they would all need a carriage return or a space ...

Krishna · December 4, 2021, 5:01pm

Nope, tried that. Again, nothing happened.

#tile-73 .tile-title::after, #tile-20 .tile-title::after, #tile-21 .tile-title::after, #tile-49 .tile-title::after, #tile-50 .tile-title::after, #tile-22 .tile-title::after, #tile-23 .tile-title::after, #tile-24 .tile-title::after, #tile-25 .tile-title::after, #tile-51 .tile-title::after, #tile-26 .tile-title::after, #tile-52 .tile-title::after, #tile-27 .tile-title::after, #tile-53 .tile-title::after, #tile-54 .tile-title::after, #tile-55 .tile-title::after, #tile-56 .tile-title::after, #tile-57 .tile-title::after, #tile-58 .tile-title::after, #tile-29 .tile-title::after, #tile-59 .tile-title::after, #tile-60 .tile-title::after, #tile-61 .tile-title::after, #tile-62 .tile-title::after, #tile-63 .tile-title::after, #tile-64 .tile-title::after, #tile-65 .tile-title::after, #tile-66 .tile-title::after, #tile-67 .tile-title::after, #tile-30 .tile-title::after, #tile-31 .tile-title::after, #tile-32 .tile-title::after, #tile-33 .tile-title::after, #tile-68 .tile-title::after, #tile-34 .tile-title::after, #tile-35 .tile-title::after, #tile-69 .tile-title::after, #tile-70 .tile-title::after, #tile-71 .tile-title::after, #tile-72 .tile-title::after, #tile-36 .tile-title::after, #tile-37 .tile-title::after, #tile-38 .tile-title::after, #tile-39 .tile-title::after, #tile-40 .tile-title::after, #tile-41 .tile-title::after, #tile-42 .tile-title::after, #tile-43 .tile-title::after, #tile-44 .tile-title::after, #tile-45 .tile-title::after, #tile-46 .tile-title::after, #tile-47 .tile-title::after, #tile-74 .tile-title::after, #tile-75 .tile-title::after, #tile-76 .tile-title::after, #tile-77 .tile-title::after, #tile-78 .tile-title::after, #tile-79 .tile-title::after, #tile-80 .tile-title::after, #tile-81 .tile-title::after, #tile-82 .tile-title::after, #tile-83 .tile-title::after, #tile-84 .tile-title::after, #tile-85 .tile-title::after, #tile-88 .tile-title::after, #tile-89 .tile-title::after {
visibility: visible;
position: absolute;
text-align: center;
left: inherit;
right: 0;
bottom: 0;
white-space: pre-wrap;
}

#tile-73 .tile-title, #tile-20 .tile-title, #tile-21 .tile-title, #tile-49 .tile-title, #tile-50 .tile-title, #tile-22 .tile-title, #tile-23 .tile-title, #tile-24 .tile-title, #tile-25 .tile-title, #tile-51 .tile-title, #tile-26 .tile-title, #tile-52 .tile-title, #tile-27 .tile-title, #tile-53 .tile-title, #tile-54 .tile-title, #tile-55 .tile-title, #tile-56 .tile-title, #tile-57 .tile-title, #tile-58 .tile-title, #tile-29 .tile-title, #tile-59 .tile-title, #tile-60 .tile-title:, #tile-61 .tile-title, #tile-62 .tile-title, #tile-63 .tile-title, #tile-64 .tile-title, #tile-65 .tile-title, #tile-66 .tile-title, #tile-67 .tile-title, #tile-30 .tile-title, #tile-31 .tile-title, #tile-32 .tile-title, #tile-33 .tile-title, #tile-68 .tile-title, #tile-34 .tile-title, #tile-35 .tile-title, #tile-69 .tile-title, #tile-70 .tile-title, #tile-71 .tile-title, #tile-72 .tile-title, #tile-36 .tile-title, #tile-37 .tile-title, #tile-38 .tile-title, #tile-39 .tile-title, #tile-40 .tile-title, #tile-41 .tile-title, #tile-42 .tile-title, #tile-43 .tile-title, #tile-44 .tile-title, #tile-45 .tile-title, #tile-46 .tile-title, #tile-47 .tile-title, #tile-74 .tile-title, #tile-75 .tile-title, #tile-76 .tile-title, #tile-77 .tile-title, #tile-78 .tile-title, #tile-79 .tile-title, #tile-80 .tile-title, #tile-81 .tile-title, #tile-82 .tile-title, #tile-83 .tile-title, #tile-84 .tile-title, #tile-85 .tile-title, #tile-88 .tile-title, #tile-89 .tile-title {
visibility: hidden;
white-space: nowrap !important;
overflow: unset;
}

#tile-73 .tile-title:after { content: ‘Formula Color Loop Art Niches’;
}
#tile-20 .tile-title:after { content: ‘Scene Arctic Aurora’;
}
#tile-21 .tile-title:after { content: ‘Scene Autumn Gold’;
}
#tile-49 .tile-title:after { content: ‘Scene Blood Moon’;
}
#tile-50 .tile-title:after { content: ‘Scene Blue Lagoon’;
}
#tile-22 .tile-title:after { content: ‘Scene Bright’;
}
#tile-23 .tile-title:after { content: ‘Scene Chinatown’;
}
#tile-24 .tile-title:after { content: ‘Scene Concentrate’;
}
#tile-25 .tile-title:after { content: ‘Scene Dimmed’;
}
#tile-51 .tile-title:after { content: ‘Scene Emerald Isle’;
}
#tile-26 .tile-title:after { content: ‘Scene Energize’;
}
#tile-52 .tile-title:after { content: ‘Scene Fairfax’;
}
#tile-27 .tile-title:after { content: ‘Scene Frosty Dawn’;
}
#tile-53 .tile-title:after { content: ‘Scene Galaxy’;
}
#tile-54 .tile-title:after { content: ‘Scene Golden Pond’;
}
#tile-55 .tile-title:after { content: ‘Scene Honolulu’;
}
#tile-56 .tile-title:after { content: ‘Scene Ibiza’;
}
#tile-57 .tile-title:after { content: ‘Scene Lake Mist’;
}
#tile-58 .tile-title:after { content: ‘Scene Lake Placid’;
}
#tile-29 .tile-title:after { content: ‘Scene Nightlight’;
}
#tile-59 .tile-title:after { content: ‘Scene Midsomer Sun’;
}
#tile-60 .tile-title:after { content: ‘Scene Midwinter’;
}
#tile-61 .tile-title:after { content: ‘Scene Moonlight’;
}
#tile-62 .tile-title:after { content: ‘Scene Motown’;
}
#tile-63.tile-title:after { content: ‘Scene Mountain Breeze’;
}
#tile-64 .tile-title:after { content: ‘Scene Nebula’;
}
#tile-65 .tile-title:after { content: ‘Scene Ocean Dawn’;
}
#tile-66 .tile-title:after { content: ‘Scene Osaka’;
}
#tile-67 .tile-title:after { content: ‘Scene Palm Beach’;
}
#tile-30 .tile-title:after { content: ‘Scene Read’;
}
#tile-31 .tile-title:after { content: ‘Scene Relax’;
}
#tile-32 .tile-title:after { content: ‘Scene Ruby Glow’;
}
#tile-33 .tile-title:after { content: ‘Scene Savanna Sunset’;
}
#tile-68 .tile-title:after { content: ‘Scene Soho’;
}
#tile-34 .tile-title:after { content: ‘Scene Spring Blossom’;
}
#tile-35 .tile-title:after { content: ‘Scene Spring Lake’;
}
#tile-69 .tile-title:after { content: ‘Scene Starlight’;
}
#tile-70 .tile-title:after { content: ‘Scene Sunday Morning’;
}
#tile-71 .tile-title:after { content: ‘Scene Sundowner’;
}
#tile-72 .tile-title:after { content: ‘Scene Tokyo’;
}
#tile-36 .tile-title:after { content: ‘Scene Tropical Twilight’;
}
#tile-37 .tile-title:after { content: ‘Scene Winter Mountain’;
}
#tile-38 .tile-title:after { content: ‘Ceiling Scene Color Loop’;
}
#tile-39 .tile-title:after { content: ‘Ceiling Scene Colourful’;
}
#tile-40 .tile-title:after { content: ‘Ceiling Scene Eating’;
}
#tile-41 .tile-title:after { content: ‘Ceiling Scene Eye Protection’;
}
#tile-42 .tile-title:after { content: ‘Ceiling Scene Mediterranean’;
}
#tile-43 .tile-title:after { content: ‘Ceiling Scene Meeting’;
}
#tile-44 .tile-title:after { content: ‘Ceiling Scene Night’;
}
#tile-45 .tile-title:after { content: ‘Ceiling Scene Pink’;
}
#tile-46 .tile-title:after { content: ‘Ceiling Scene Reading’;
}
#tile-47 .tile-title:after { content: ‘Ceiling Scene White’;
}
#tile-89 .tile-title:after { content: ‘Formula Classic Christmas’;
}
#tile-74 .tile-title:after { content: ‘Formula Color Loop Art Niches’;
}
#tile-79 .tile-title:after { content: ‘Formula Dark Sunset’:
}
#tile-78 .tile-title:after { content: ‘Formula Festival of Lights’;
}
#tile-80 .tile-title:after { content: ‘Formula Dinner Party’;
}
#tile-81 .tile-title:after { content: ‘Formula Oranges’;
}
#tile-82 .tile-title:after { content: ‘Formula Over the Rainbow’;
}
#tile-83 .tile-title:after { content: ‘Formula Sakura Blooming’;
}
#tile-75 .tile-title:after { content: ‘Formula Scandinavian’;
}
#tile-84 .tile-title:after { content: ‘Formula Summer Vibe’;
}
#tile-76 .tile-title:after { content: ‘Formula Timeless’;
}
#tile-85 .tile-title:after { content: ‘Formula Under the Sea’;
}
#tile-77 .tile-title:after { content: ‘Formula Urban’;
}
#tile-88 .tile-title:after { content: ‘Formula Winter Wonderland’;
}

sburke781 · December 4, 2021, 5:03pm

Then I'm really confused.... Can only think there must be some difference on the Mac ...? Really weird.... If you can get it to work but with long CSS then I guess that may have to be it.....

sburke781 · December 5, 2021, 11:20am

I'm still curious about whether you still got it working with duplicating the setup for each tile.... No pressure / rush to set it up, whenever you (or your son ) get to it....

Krishna · December 6, 2021, 12:13am

Yes, I just had to copy-cut-paste the code for each tile separately, and that did work. Thanks!

Navat604 · December 6, 2021, 7:31pm

Here's the problem
The Christmas rock works and the scene Artica doesn't

Edit : ignore the "pipe" or vertical bar. It was just my crappy screenshot. That was just my mouse pointer.

sburke781 · December 6, 2021, 9:15pm

Is that a tick, not a quote? Well spotted btw....

Navat604 · December 7, 2021, 12:09am

I would say it's a Right single quote instead of an Apostrophe but I am bad at knowing special characters. Too many names for them.

Krishna · December 8, 2021, 2:15am

Whoa. What a catch! But, I'm not sure which keystroke that character is. LOL. You literally found a needle in a haystick.

Krishna · December 8, 2021, 2:18am

Is it the same as the quote (") key but when not with shift?

That is, (') ?

I haven't felt this geeky since I was in high school.

sburke781 · December 8, 2021, 2:30am

I did google it briefly the other day and there was some combination of keystrokes that could produce the left or right quote marks. It was something like shift-quote....