display transparancy block for garbage Topic is solved

[pvklink]

Is it possible to change the block transparancy for only the garbage background block ?

see attachment, the text and the icon is hardly readible

Naamloos.png (87.65 KiB) Viewed 1698 times

[HansieNL]

Spoiler: show

Is it possible to change the block transparancy for only the garbage background block ?

see attachment, the text and the icon is hardly readible

Naamloos.png

If you put this code in your custom.css you can change the background to the color/transparancy you like:

Code: Select all

[data-id='garbage'] {
    background-color: rgba(0,0,0,0.5) !important;
}

background-color: rgba(0,0,0,0.5) !important;
You can change the red value from 0.1 till 1.0 to see what's best for you.

[pvklink]

is it also possible to turn off the background block ?
so that the garbage displays as a sort of icom on the desk

Naamloos.png (48.24 KiB) Viewed 1676 times

[HansieNL]

Spoiler: show

is it also possible to turn off the background block ?
so that the garbage displays as a sort of icom on the desk

Naamloos.png

Another one to try...

Code: Select all

[data-id='garbage'] {
    opacity: 1.0 !important;
}

[pvklink]

wat doet dat?
zie niet veranderen...

Heb overigens nog zo'n raar gevalletje dat de kleur vervaagd.
zie bijgevoegd image. Ik heb de blinds png zelf gemaakt en gekoppeld aan open en dicht. dat werkt goed.
vwb de kleuren heb ik de zelfde kleuren met een kleurenpicker gepkt van de iconen eronder..
en toch is het vele malen vager.....
is daar een verklaring voor en een oplossing?

Naamloos.png (25.3 KiB) Viewed 1667 times

[HansieNL]

Spoiler: show

wat doet dat?
zie niet veranderen...

Heb overigens nog zo'n raar gevalletje dat de kleur vervaagd.
zie bijgevoegd image. Ik heb de blinds png zelf gemaakt en gekoppeld aan open en dicht. dat werkt goed.
vwb de kleuren heb ik de zelfde kleuren met een kleurenpicker gepkt van de iconen eronder..
en toch is het vele malen vager.....
is daar een verklaring voor en een oplossing?

Naamloos.png

Do you have the effect in both statuses of the rolluik item?

[HansieNL]

Spoiler: show

is it also possible to turn off the background block ?
so that the garbage displays as a sort of icom on the desk

Naamloos.png

For the garbage block I think this is the one we need to completely remove the background...

Code: Select all

[data-id='garbage'] {
    background: none !important
}

Hope this makes your text more readable.

[pvklink]

no, when it is open it is sharp....closed is foggy
so it lookes that dashticz uses some kind of fog filter when the switch is off...
would be nice when you could put this on or off.

i want the bright color when my blind is closed....

[Lokonli]

no, when it is open it is sharp....closed is foggy
so it lookes that dashticz uses some kind of fog filter when the switch is off...
would be nice when you could put this on or off.

i want the bright color when my blind is closed....

Dashticz applies the following styling:

Code: Select all

.off.icon {
	opacity:0.4 !important;
}

So indeed all off icons have limited opacity.

You can overrule this for all off icons by adding the following to your custom.css:

Code: Select all

.off.icon {
	opacity:1 !important;
}

or, if you only want to change it for a block with device id 123:

Code: Select all

.block_123 .off.icon {
	opacity:1 !important;
}

[pvklink]

wunderful!
Curious if this works with blinds,doors etc. open, closed
i am gonna play with this!
Thanks guys!
Lot off issues from my to-to-list solved!

[pvklink]

it works for on / off devices

but not for open /close

see accu, there it works (is on off)
and blinds (rolluik) is open/close

Naamloos.png (74.37 KiB) Viewed 1647 times

[pvklink]

you wont believe this..
i have two switches that are presented after each other.
I want them both with opacity 1.
But only 1 off them works. It concerns 1303 and 1423. When i change them first 1423 and then 1303 :
.block_1423 .off.icon {opacity:1 !important;}
.block_1303 .off.icon {opacity:1 !important;}

then the switch does work! so there must be a thing with tow together or something else...

Code: Select all

// de grijze sluier bij off verwijderen
//.block_86 .off.icon {opacity:1 !important;}		does not work for a blind
//.block_86 .closed.icon {opacity:1 !important;}	does not work for a blind

.block_1303 .off.icon {opacity:1 !important;}
.block_1423 .off.icon {opacity:1 !important;}
.block_1163 .off.icon {opacity:1 !important;}
.block_354 .off.icon {opacity:1 !important;}

[pvklink]

ok solved it!
both the blinds and the switch that did not work, do work now!
it had something to do with the part of my code that i disabled with: // signs

// de grijze sluier bij off verwijderen
//.block_86 .off.icon {opacity:1 !important;} does not work for a blind
//.block_86 .closed.icon {opacity:1 !important;} does not work for a blind

i removed that part and all works!

i now use /* .... */ for documenting code // is for the .js part... .

[HansieNL]

Spoiler: show

ok solved it!
both the blinds and the switch that did not work, do work now!
it had something to do with the part of my code that i disabled with: // signs

// de grijze sluier bij off verwijderen
//.block_86 .off.icon {opacity:1 !important;} does not work for a blind
//.block_86 .closed.icon {opacity:1 !important;} does not work for a blind

i removed that part and all works!

i now use /* .... */ for documenting code // is for the .js part... .

Javascript single line comments start with //
Javascript multi-line comments start with /* and end with */
CSS comments starts always with /* and always ends with */
Tip: if you have some spare time check https://www.w3schools.com

[pvklink]

thanks for the advise !
gonna read (just to late for holiday)
for what about css, do i have to look at css or w3.css ?

[pvklink]

the result:

Naamloos.png (334.49 KiB) Viewed 1639 times

[HansieNL]

thanks for the advise !
gonna read (just to late for holiday)
for what about css, do i have to look at css or w3.css ?

Take a look at CSS. Have fun coding. Oh... and don't forget: your dashboard will never be finished.

[pvklink]

don't tell my wife!

And again, thanks (and lokonli) for the all the help!