Domoticz

Lokonli wrote: ↑Friday 11 December 2020 14:25 The tragedy of standby ...

I'll check

Enz0jacco wrote: ↑Friday 11 December 2020 14:39

Lokonli wrote: ↑Friday 11 December 2020 14:25 The tragedy of standby ...

I'll check

now that we're talking about standby, is it possible to adjust the background in a color instead of an image?
tried a lot in css but none are working:(

.screenstandby {
    background-color: red !important
}

madpatrick wrote: ↑Saturday 12 December 2020 18:23 Is it possible to create white dials ?
My background is dark so the dial are now visible

	// clock colors
	this.hourHandColor     = 'rgb(0,0,0)';
	this.minuteHandColor   = 'rgb(0,0,0)';
	this.secondHandColor   = 'rgb(200,0,0)';

madpatrick wrote: ↑Friday 11 December 2020 14:13 The time with Flipclock stands still in the Standby screen.
In the normal screens it flips

Lokonli wrote: ↑Thursday 10 December 2020 19:42
Next addition will be - CSS Variable-Powered Clock by Emily Hayman (2 votes)

blocks['myclock'] = {
   type: 'haymanclock'
}

Lokonli wrote: ↑Thursday 17 December 2020 22:36
Next clock requires at least 3 votes

madpatrick wrote: ↑Friday 11 December 2020 14:28 Is it possible to center the station clock by default in the middle of the block?

Chris12 wrote: ↑Friday 18 December 2020 10:41

madpatrick wrote: ↑Friday 11 December 2020 14:28 Is it possible to center the station clock by default in the middle of the block?

Did you found a sollution for this?

My standby-screen is a single column (width 12), in which I define the weather_own and a clock.
the weather_owm, is full size on the top part of the screen, but I can get the (flip)clock to be as big as the complete screen as well.

.standby .stationclock {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important; 
	background-color: rgb(0,0,0); !important;
	height: 800px !important; }

Enz0jacco wrote: ↑Friday 18 December 2020 15:25
this is what I did with my stationclock

Code: Select all

.standby .stationclock {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important; 
	background-color: rgb(0,0,0); !important;
	height: 800px !important; }

Lokonli wrote: ↑Thursday 17 December 2020 22:36

Lokonli wrote: ↑Thursday 10 December 2020 19:42
Next addition will be - CSS Variable-Powered Clock by Emily Hayman (2 votes)

As promised, the hayman clock:
haymanclock.jpg

Add 'haymanclock' to a column, or define a custom block as follows:

Code: Select all

blocks['myclock'] = {
   type: 'haymanclock'
}

I can still adapt the styling a bit. If needed I can add some additional configuration parameters.

Next clock requires at least 3 votes