Definition stationclock in css

[madpatrick]

The time with Flipclock stands still in the Standby screen.
In the normal screens it flips

[Lokonli]

The tragedy of standby ...

I'll check

[madpatrick]

hahaha...

The standard 'clock' is working in the standby screen.
By the way. Now the time stottering. hangs for a few seconds and then go's for and then hangs....

Is it possible to center the station clock by default in the middle of the block?

[Enz0jacco]

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:(

[Lokonli]

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:(

For the complete standby screen?

Add the following to custom.css:

Code: Select all

.screenstandby {
    background-color: red !important
}

[madpatrick]

Is it possible to create white dials ?
My background is dark so the dial are now visible

[Lokonli]

Is it possible to create white dials ?
My background is dark so the dial are now visible

Currently it's not supported, but it's not too difficult to add.

Currently, stationclock is constructed with the following color settings:

Code: Select all

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

I'll add it to the list.

[Lokonli]

The time with Flipclock stands still in the Standby screen.
In the normal screens it flips

I don't see issues on my system.

What kind of system do you use for Dashticz?
Do you have more content on the standby screen?

Could you test with flipclock only?

[madpatrick]

Not sure what happened, but now it working normally.

I'm using a Sumsung tablet with Full Remote Browser
The content i'm using are : Clock, Rain forecast and garbage

[Lokonli]

Next addition will be - CSS Variable-Powered Clock by Emily Hayman (2 votes)

As promised, the hayman clock:

haymanclock.jpg (8.98 KiB) Viewed 780 times

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

[Enz0jacco]

That’s a pity not many people are interested I guess:p

Thnx for the effort!


Sent from my iPad using Tapatalk

[Chris12]

Next clock requires at least 3 votes

The "SVG Clock UI" had already 2 votes... is that one added as well?

[Chris12]

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.

[Enz0jacco]

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.

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; }

[madpatrick]

is did the same as Enz0jacco.
Put weather_own and the clock in 2 different blocks.

[Chris12]

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; }

Ok I give this a try as well for the normal clock.

[madpatrick]

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

Is it possible to change the font color ?

[madpatrick]

I've found out that this is working

Code: Select all

.haymanclock .clock-day:before 		{font-weight: bold !important; color: rgba(168, 168, 168, .6) !important}
.haymanclock .clock-hours:before	{font-weight: bold !important; color: rgba(168, 168, 168, 1) !important}
.haymanclock .clock-minutes:before	{font-weight: bold !important; color: rgba(168, 168, 168, 1) !important}
.haymanclock .clock-seconds:before 	{font-weight: bold !important; color: rgba(168, 168, 168, 1) !important}
.haymanclock .clock-label		{color: rgba(255,255,0,.30) !important;font-weight: bold}