Definition stationclock in css

Dashticz, alternative dashboard based on HTML, CSS, jQuery

Moderators: leecollings, htilburgs, robgeerts

User avatar
madpatrick
Posts: 636
Joined: Monday 26 December 2016 12:17
Target OS: Linux
Domoticz version: 2024.7
Location: Netherlands
Contact:

Re: Definition stationclock in css

Post by madpatrick »

The time with Flipclock stands still in the Standby screen.
In the normal screens it flips
-= HP server GEN8 Xeon(R) E3-1220L_V2 -=- OZW -=- Toon2 (rooted) -=- Domoticz v2024.7 -=- Dashticz v3.12b on Tab8" =-
Lokonli
Posts: 2260
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Definition stationclock in css

Post by Lokonli »

The tragedy of standby ...

I'll check :)
User avatar
madpatrick
Posts: 636
Joined: Monday 26 December 2016 12:17
Target OS: Linux
Domoticz version: 2024.7
Location: Netherlands
Contact:

Re: Definition stationclock in css

Post by 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?
-= HP server GEN8 Xeon(R) E3-1220L_V2 -=- OZW -=- Toon2 (rooted) -=- Domoticz v2024.7 -=- Dashticz v3.12b on Tab8" =-
Enz0jacco
Posts: 45
Joined: Tuesday 03 March 2020 8:15
Target OS: NAS (Synology & others)
Domoticz version:
Contact:

Re: Definition stationclock in css

Post by Enz0jacco »

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:(
Lokonli
Posts: 2260
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Definition stationclock in css

Post by Lokonli »

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:(
For the complete standby screen?

Add the following to custom.css:

Code: Select all

.screenstandby {
    background-color: red !important
}
User avatar
madpatrick
Posts: 636
Joined: Monday 26 December 2016 12:17
Target OS: Linux
Domoticz version: 2024.7
Location: Netherlands
Contact:

Re: Definition stationclock in css

Post by madpatrick »

Is it possible to create white dials ?
My background is dark so the dial are now visible
-= HP server GEN8 Xeon(R) E3-1220L_V2 -=- OZW -=- Toon2 (rooted) -=- Domoticz v2024.7 -=- Dashticz v3.12b on Tab8" =-
Lokonli
Posts: 2260
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Definition stationclock in css

Post by Lokonli »

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
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
Posts: 2260
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Definition stationclock in css

Post by Lokonli »

madpatrick wrote: Friday 11 December 2020 14:13 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?
User avatar
madpatrick
Posts: 636
Joined: Monday 26 December 2016 12:17
Target OS: Linux
Domoticz version: 2024.7
Location: Netherlands
Contact:

Re: Definition stationclock in css

Post by 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
-= HP server GEN8 Xeon(R) E3-1220L_V2 -=- OZW -=- Toon2 (rooted) -=- Domoticz v2024.7 -=- Dashticz v3.12b on Tab8" =-
Lokonli
Posts: 2260
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Definition stationclock in css

Post by Lokonli »

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
haymanclock.jpg (8.98 KiB) Viewed 777 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
Posts: 45
Joined: Tuesday 03 March 2020 8:15
Target OS: NAS (Synology & others)
Domoticz version:
Contact:

Re: Definition stationclock in css

Post by Enz0jacco »

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

Thnx for the effort!


Sent from my iPad using Tapatalk
Chris12
Posts: 238
Joined: Tuesday 18 August 2020 8:41
Target OS: NAS (Synology & others)
Domoticz version: 2021.1
Location: NL
Contact:

Re: Definition stationclock in css

Post by Chris12 »

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

The "SVG Clock UI" had already 2 votes... is that one added as well?
Domoticz beta | Dashticz beta | Synology DS415+ | Wall tablet Teclast 11.6inch (Android) | TADO v3 controlled heating
Chris12
Posts: 238
Joined: Tuesday 18 August 2020 8:41
Target OS: NAS (Synology & others)
Domoticz version: 2021.1
Location: NL
Contact:

Re: Definition stationclock in css

Post by Chris12 »

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.
Domoticz beta | Dashticz beta | Synology DS415+ | Wall tablet Teclast 11.6inch (Android) | TADO v3 controlled heating
Enz0jacco
Posts: 45
Joined: Tuesday 03 March 2020 8:15
Target OS: NAS (Synology & others)
Domoticz version:
Contact:

Re: Definition stationclock in css

Post by Enz0jacco »

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.
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; }
User avatar
madpatrick
Posts: 636
Joined: Monday 26 December 2016 12:17
Target OS: Linux
Domoticz version: 2024.7
Location: Netherlands
Contact:

Re: Definition stationclock in css

Post by madpatrick »

is did the same as Enz0jacco.
Put weather_own and the clock in 2 different blocks.
-= HP server GEN8 Xeon(R) E3-1220L_V2 -=- OZW -=- Toon2 (rooted) -=- Domoticz v2024.7 -=- Dashticz v3.12b on Tab8" =-
Chris12
Posts: 238
Joined: Tuesday 18 August 2020 8:41
Target OS: NAS (Synology & others)
Domoticz version: 2021.1
Location: NL
Contact:

Re: Definition stationclock in css

Post by Chris12 »

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; }
Ok I give this a try as well for the normal clock.
Domoticz beta | Dashticz beta | Synology DS415+ | Wall tablet Teclast 11.6inch (Android) | TADO v3 controlled heating
User avatar
madpatrick
Posts: 636
Joined: Monday 26 December 2016 12:17
Target OS: Linux
Domoticz version: 2024.7
Location: Netherlands
Contact:

Re: Definition stationclock in css

Post by madpatrick »

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 :)
Is it possible to change the font color ?
-= HP server GEN8 Xeon(R) E3-1220L_V2 -=- OZW -=- Toon2 (rooted) -=- Domoticz v2024.7 -=- Dashticz v3.12b on Tab8" =-
User avatar
madpatrick
Posts: 636
Joined: Monday 26 December 2016 12:17
Target OS: Linux
Domoticz version: 2024.7
Location: Netherlands
Contact:

Re: Definition stationclock in css

Post by 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}
-= HP server GEN8 Xeon(R) E3-1220L_V2 -=- OZW -=- Toon2 (rooted) -=- Domoticz v2024.7 -=- Dashticz v3.12b on Tab8" =-
Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest