Dashboard how to, remove the 3dots in some cases/tile(s)

🛎️ Get Help
1

Hi
I have a 'main' dashboard, there i have a quick overview on the 1st floor.
If i want/need i can acces the history of the device with the famous '3 dots'
but having a younger son and a clumsy girlfriend i want to disable some of those 3 dots but not all.

for example
I wanna look at the history of a motion sensor if there was a thief.
But i don't need to be able to se the history of a aqara temp/humid/pressure sensor
:thinking: unless captain cold is comming :man_shrugging:

second example
On my dashboard i have my tiles but since my girlfriend isn't that good in reading a selfmade blueprint I grouped them using a bigger tile with a text. but there is no need to use those 3dots

useless
useless3214×1552 485 KB

So is it possible to leave some 3dots and remove others?
How?

3

thx for the input.
I use chrome and followed the step by step guide you arefully made for me.
It didn't work. I did 'inspect' but I did not see a 3dot symbol of any kind.

time for plan B:
I took your code,

#tile-5
.tile-edit {
display: none;
}

and just paste it into the CSS tab.
For the tile id number it was just a matter of hitting the 3 dots and read in the left corner
" |< Edit Tile ID: XX >| "

but again no luck.

It apears that the whole tile just disapear and not only the 3 dots but also the value (text in my test)

5

The above code works. Make sure your targeting the correct tile number. Another way I like to do it is by opacity, making it invisible, but usable.

If you want to target multiple tiles you need to reference the tile and attribute in the each line then a comma between all except the last one. Like

#tile-1 .tile-edit,
#tile-2 .tile-edit,
#tile-3 .tile-edit {
opacity: 0; 
}
1 Like
6

This has been working for me. It hides the 3 dots on all tiles but you can still click on them. Or add the specific tile ID.

.tile-edit .material-icons {
display: none;
}

2 Likes
7

To bad,
I would like to thank you for the effort.
I have learned a new (Houdini) trick :crazy_face:

1 Like
9

ok,

guys... think i found it. @TechMedX and @furom
I kinda combined both ideas...
used the one persons code and tried the others method of ditching those 3 dots.

#tile-8
.tile-edit {
display: none;
}
#tile-10
.tile-edit {
display: none;
}

this did it

NoDots
NoDots3216×1447 500 KB

now my clumsy girlfriend or my curious son wil not hit those dots and then freak out...
Anyway it wasn't me with my giant fingers on a small phone :rofl: :joy:

don't know if it's the best way but it works :stuck_out_tongue:

2 Likes