Page 74 of 184

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 0:39
by TapNL
Just setup the traffic map. It worked like a charm. But I saw that there were some problems.
Thanks to Rob for picking this up so fast. Wonderfull.

Is it possible to have multiple areas for the maps. What I mean i: I would like to make a page with for example 4 areas where I travel a lot and that I can see in one screen the traffic in those areas. easy fix, would be to copy the function Rob has build with four slightly different names and different names, but maybe there is a more simple setup possible, because I can imagine that this could be interesting for more people.

Anyway. I love this Frontpage!

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 7:19
by pvdhelm
After the last update i noticed that the dimmer function is still not working good. When i try to dim my lights the screen is still sliding left or right.

can you please fix this.


tnx patrick

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 8:43
by pkrabben
Traffic map and Graph's are working Thanks Rob

Image

Next task looking into why moon functionality is not working.

Thanks again for the great work you do on this dashboard

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 8:43
by robgeerts
TapNL wrote:Just setup the traffic map. It worked like a charm. But I saw that there were some problems.
Thanks to Rob for picking this up so fast. Wonderfull.

Is it possible to have multiple areas for the maps. What I mean i: I would like to make a page with for example 4 areas where I travel a lot and that I can see in one screen the traffic in those areas. easy fix, would be to copy the function Rob has build with four slightly different names and different names, but maybe there is a more simple setup possible, because I can imagine that this could be interesting for more people.

Anyway. I love this Frontpage!
In latest version, just pushed to gitlab, it is possible to define maps as:

Code: Select all

var maps = {}
maps.sonenbreugel = { width:12, latitude: 51.5322056, longitude: 5.4870054, zoom:10 }
maps.eindhoven = { width:12, latitude: 51.4301841, longitude: 5.4538185, zoom:13 }
And to add them to a block, add this:

Code: Select all

columns[1]['blocks'] = [maps.sonenbreugel,maps.eindhoven]

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 8:51
by SwordFish
SuperMouse wrote:I will start mine with some print screens and exports of the custom.css and config.js
I need to clean up the code and make some pictures first :P

Here it is:
Show your Dashticz v2.0 and how-to's!

https://www.domoticz.com/forum/viewtopi ... =8&t=17242
Posted also my Dashticz.
Who is next? 8-)

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 8:59
by robgeerts
Looks nice, I see you already managed changing the graphcolors.
Did you do this via CSS?

(I replied with my dashticz-version too in that forum!)

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 9:05
by EdwinK
SwordFish wrote:
SuperMouse wrote:I will start mine with some print screens and exports of the custom.css and config.js
I need to clean up the code and make some pictures first :P

Here it is:
Show your Dashticz v2.0 and how-to's!

https://www.domoticz.com/forum/viewtopi ... =8&t=17242
Posted also my Dashticz.
Who is next? 8-)
Nothign special to show.

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 9:28
by SwordFish
robgeerts wrote:Looks nice, I see you already managed changing the graphcolors.
Did you do this via CSS?

(I replied with my dashticz-version too in that forum!)
No in the graphs.js :oops:

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 9:30
by SwordFish
EdKo66 wrote:
SwordFish wrote:
SuperMouse wrote:I will start mine with some print screens and exports of the custom.css and config.js
I need to clean up the code and make some pictures first :P

Here it is:
Show your Dashticz v2.0 and how-to's!

https://www.domoticz.com/forum/viewtopi ... =8&t=17242
Posted also my Dashticz.
Who is next? 8-)
Nothign special to show.
Nothing special is also special ;)

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 9:32
by Martijn85
Wow! Nice update, some cool new functions!

Thanks m8, keep up to good work :D

Just have made a donation!

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 9:36
by robgeerts
Thank you very much, appreciate it!

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 10:02
by pkrabben
pkrabben wrote:Traffic map and Graph's are working Thanks Rob

Image

Next task looking into why moon functionality is not working.

Thanks again for the great work you do on this dashboard
Just made a donation for some beers ;-)

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 10:03
by robgeerts
pkrabben wrote:
pkrabben wrote:Traffic map and Graph's are working Thanks Rob

Image

Next task looking into why moon functionality is not working.

Thanks again for the great work you do on this dashboard
Just made a donation for some beers ;-)
Thanks Paul :)

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 10:32
by pkrabben
Is it possible to center the text in the Blocks like the 'Clock' block, and also to change the font size of a couple of blocks.

I now use

Code: Select all

}
.col-data .title {
   font-size:15px;
}
.col-data span {
   font-size:15px;
}
But this is for all blocks I want for example only change the font size for the light switches

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 11:22
by poudenes
Did a donation as well :) Gebruik hem goed morgen op Koningsdag :)

Here my final creation of the 2 screens:
Screenshot_20170426-103204.jpg
Screenshot_20170426-103209.jpg

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 11:35
by pkrabben
poudenes wrote:Did a donation as well :) Gebruik hem goed morgen op Koningsdag :)

Here my final creation of the 2 screens:

Screenshot_20170426-103204.jpg
Screenshot_20170426-103209.jpg
Nice Dashboard can you share how you created the yellow suns in the Sunrise and weather blocks?

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 11:36
by robgeerts
poudenes wrote:Did a donation as well :) Gebruik hem goed morgen op Koningsdag :)
Thanks :)

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 11:50
by maluko
poudenes wrote:Did a donation as well :) Gebruik hem goed morgen op Koningsdag :)

Here my final creation of the 2 screens:

Screenshot_20170426-103204.jpg
Screenshot_20170426-103209.jpg
thanks poudenes, you can share your setting and screenshot at

https://www.domoticz.com/forum/viewtopi ... =8&t=17242

thanks

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 11:52
by poudenes
Here you are !!

Code: Select all

/* Schakelaars */
.fa.fa-lightbulb-o.on           {color:#00FF00;}
.fa.fa-lightbulb-o.off          {color:#ff0000;}
.fa.fa-tv.on                    {color:#00FF00;}
.fa.fa-tv.off                   {color:#ff6666;}
.fa.fa-file-movie-o.on          {color:#00FF00;}
.fa.fa-file-movie-o.off         {color:#ffff00;}
.fa.fa-music.on                 {color:#00FF00;}
.fa.fa-music.off                {color:#0099ff;}
.fa.fa-power-off.off.on         {color:#00FF00;}
.fa.fa-power-off.off            {color:#ff8000;}
.fa-toggle-on.on                {color:#00FF00;}
.fa-toggle-on.off               {color:#ff0000;}
.fa-sign-out.on                {color:#00FF00;}
.fa-sign-out.off               {color:#ff0000;}

/* Weather */
.wi                             {color:#fff000;}

.fa-lightbulb-o:before          {font-size: 25px;}
.fa.fa-tv.on:before             {font-size: 25px;}
.fa.fa-tv.off:before            {font-size: 25px;}
.fa.fa-file-movie-o.on:before   {font-size: 25px;}
.fa.fa-file-movie-o.off:before  {font-size: 25px;}
.fa.fa-music.on:before          {font-size: 25px;}
.fa.fa-music.off:before         {font-size: 25px;}
.fa.fa-power-off.off.on:before  {font-size: 25px;}
.fa.fa-power-off.off:before     {font-size: 25px;}
.fa-toggle-on.on:before         {font-size: 25px;}
.fa-toggle-on.off:before        {font-size: 25px;}
fa-sign-out:before              {font-size: 25px;}

.transbg.col-xs-1, .transbg.col-xs-2, .transbg.col-xs-3, .transbg.col-xs-4, .transbg.col-xs-5, .transbg.col-xs-6,
.transbg.col-xs-7, .transbg.col-xs-8, .transbg.col-xs-9, .transbg.col-xs-10, .transbg.col-xs-11,
.transbg.col-xs-12              {padding-top:15px; padding-bottom:15px; border: 3px solid rgba(0,0,0,0); background: rgba(0,0,0,0.7); background-clip: padding-box;}
pkrabben wrote:
poudenes wrote:Did a donation as well :) Gebruik hem goed morgen op Koningsdag :)

Here my final creation of the 2 screens:

Screenshot_20170426-103204.jpg
Screenshot_20170426-103209.jpg
Nice Dashboard can you share how you created the yellow suns in the Sunrise and weather blocks?

Re: Dashticz v2.0, custom positioning and multiple screens

Posted: Wednesday 26 April 2017 12:03
by pkrabben
poudenes wrote:Here you are !!

Code: Select all

/* Schakelaars */
.fa.fa-lightbulb-o.on           {color:#00FF00;}
.fa.fa-lightbulb-o.off          {color:#ff0000;}
.fa.fa-tv.on                    {color:#00FF00;}
.fa.fa-tv.off                   {color:#ff6666;}
.fa.fa-file-movie-o.on          {color:#00FF00;}
.fa.fa-file-movie-o.off         {color:#ffff00;}
.fa.fa-music.on                 {color:#00FF00;}
.fa.fa-music.off                {color:#0099ff;}
.fa.fa-power-off.off.on         {color:#00FF00;}
.fa.fa-power-off.off            {color:#ff8000;}
.fa-toggle-on.on                {color:#00FF00;}
.fa-toggle-on.off               {color:#ff0000;}
.fa-sign-out.on                {color:#00FF00;}
.fa-sign-out.off               {color:#ff0000;}

/* Weather */
.wi                             {color:#fff000;}

.fa-lightbulb-o:before          {font-size: 25px;}
.fa.fa-tv.on:before             {font-size: 25px;}
.fa.fa-tv.off:before            {font-size: 25px;}
.fa.fa-file-movie-o.on:before   {font-size: 25px;}
.fa.fa-file-movie-o.off:before  {font-size: 25px;}
.fa.fa-music.on:before          {font-size: 25px;}
.fa.fa-music.off:before         {font-size: 25px;}
.fa.fa-power-off.off.on:before  {font-size: 25px;}
.fa.fa-power-off.off:before     {font-size: 25px;}
.fa-toggle-on.on:before         {font-size: 25px;}
.fa-toggle-on.off:before        {font-size: 25px;}
fa-sign-out:before              {font-size: 25px;}

.transbg.col-xs-1, .transbg.col-xs-2, .transbg.col-xs-3, .transbg.col-xs-4, .transbg.col-xs-5, .transbg.col-xs-6,
.transbg.col-xs-7, .transbg.col-xs-8, .transbg.col-xs-9, .transbg.col-xs-10, .transbg.col-xs-11,
.transbg.col-xs-12              {padding-top:15px; padding-bottom:15px; border: 3px solid rgba(0,0,0,0); background: rgba(0,0,0,0.7); background-clip: padding-box;}
pkrabben wrote:
poudenes wrote:Did a donation as well :) Gebruik hem goed morgen op Koningsdag :)

Here my final creation of the 2 screens:

Screenshot_20170426-103204.jpg
Screenshot_20170426-103209.jpg
Nice Dashboard can you share how you created the yellow suns in the Sunrise and weather blocks?
Thanks this is working