Dashticz - General Discussions

[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!

[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

[pkrabben]

Traffic map and Graph's are working Thanks Rob



Next task looking into why moon functionality is not working.

Thanks again for the great work you do on this dashboard

[robgeerts]

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]

[SwordFish]

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

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?

[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!)

[EdwinK]

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

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?

Nothign special to show.

[SwordFish]

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

[SwordFish]

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

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?

Nothign special to show.

Nothing special is also special

[Martijn85]

Wow! Nice update, some cool new functions!

Thanks m8, keep up to good work

Just have made a donation!

[robgeerts]

Thank you very much, appreciate it!

[pkrabben]

Traffic map and Graph's are working Thanks Rob



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

[robgeerts]

Traffic map and Graph's are working Thanks Rob



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

[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

[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

[pkrabben]

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?

[robgeerts]

Did a donation as well Gebruik hem goed morgen op Koningsdag

Thanks

[maluko]

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

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

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?

[pkrabben]

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

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