Page 28 of 184
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:03
by rbisschops
SuperMouse wrote:@rbisschops
Sure Ralph
Actually it is just a different background:
http://imgur.com/a/Dx7zT
Change it in the config.js
Code: Select all
var _BACKGROUND_IMAGE = 'background.jpg';
And I change line 495 from white into black in the CSS:
Code: Select all
div.screen {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-position: center;
color: black;
}
@SuperMouse Thanks! Works like a charm!
However, its maybe better to add the changed CSS to the custom.css file. I think Rob introduced that one for customisations (leaving the orginal in place when you need to upgrade.
Thx!
Ralph
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:13
by mAiden88
EdKo66 wrote:mAiden88 wrote:EdKo66 wrote:
Already send a copy of CONFIG.js to Rob, but here is the columns[1] block
Code: Select all
columns[1] = {}
columns[1]['blocks'] = [1,2,6,7,84,91,'s1',51,99,53,55,56,57,58,59,60,62,63,95,97,98,96] //idx 101 = Setpoint
columns[1]['width'] = 5;
There are no empty block titles?
Code: Select all
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';
But what I want is not a title there, but no block at all, so to save space on a smaller tablet (7")
I know what you want. You want to remove that empty Space..
Let me think..
Maybe a weird thing. Do you remove 'Schaakelaars' all ready?
You know me, i only want to think with you.
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:14
by EdwinK
Added this image (I like it), but somehow it looks different.

Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:15
by rbisschops
robgeerts wrote:Hold on, I'll check my wife's ipad 2..
Edit: Yes, same issue, will try to fix this asap!
Meanwhile...
GRAPHS ARE LIVE (BETA!!!)
Download latest version from gitlab.
Enter the follow key in the definitions: 'graph_IDX', if your graph in Domoticz is idx 150, use:
Code: Select all
columns[2]['blocks'] = ['graph_150']
ATTENTION: Only tested it with my energy and gas from Toon Thermostat!

Hi Rob,
Tested with P1 meterdata. When a data point is hovered it shows the time. Shouldn't this be the usage during that hour?
Thx
Ralph
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:19
by rbisschops
Hi Rob,
I have a (puls) water meter in Domoticz. When I add the water meter it shows two fields when I add this:
Code: Select all
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,'blocktitle_3','8','9','122']
When I add:
Code: Select all
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,'blocktitle_3','8','9','122_1']
It shows an emtpy box
When I add:
Code: Select all
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,'blocktitle_3','8','9','122_2']
It shows the total meter value
Any thoughts?
Thx
Ralph
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:23
by EdwinK
mAiden88 wrote:EdKo66 wrote:mAiden88 wrote:
There are no empty block titles?
Code: Select all
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';
But what I want is not a title there, but no block at all, so to save space on a smaller tablet (7")
I know what you want. You want to remove that empty Space..
Let me think..
Maybe a weird thing. Do you remove 'Schaakelaars' all ready?
You know me, i only want to think with you.
I moved the idx 's1' to be the first in the row, and now it looks a bit better.
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:25
by robgeerts
Will look into all your bugs etc. later... Meanwhile, edko66, it doesnt recognize your background image? What if you clear your browser cache?
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:27
by mAiden88
EdKo66 wrote:mAiden88 wrote:EdKo66 wrote:
Code: Select all
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';
But what I want is not a title there, but no block at all, so to save space on a smaller tablet (7")
I know what you want. You want to remove that empty Space..
Let me think..
Maybe a weird thing. Do you remove 'Schaakelaars' all ready?
You know me, i only want to think with you.
I moved the idx 's1' to be the first in the row, and now it looks a bit better.
Nice. I need to fight with it..
Tablet on the wall with this nice dashboard, even my wife likes it

Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:44
by EdwinK
robgeerts wrote:Will look into all your bugs etc. later... Meanwhile, edko66, it doesnt recognize your background image? What if you clear your browser cache?
Done so, but... will give it another try.
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 21:56
by EdwinK
For shame...
Somehow, the background.jpg wasn't copied to the img folder.
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 22:27
by robgeerts
Clemen wrote:
So for my watt graph it says undefined
Fixed
pvm wrote:Thanks for fixing the clock not being centered, Goodnight!
I've tested the graph for PI temperature and CPU usage, it reports "PITemperature: undefined" and does not show a graph
?
Could you send me the output, when entering:
http://DOMOTICZ_URL/json.htm?type=graph&sensor=counter&idx=YOUR_IDX&range=day
(replace 'YOUR_IDX' with the idx of the device
Bob123bob wrote:Is there a way to add Alert device type ?
Fixed
Bob123bob wrote:
But as you can see 167_1 (now) is not working
Fixed
SuperMouse wrote:Hi all,
I just can not get the 'weather' and 'currentweather' working, and this was really the part I wanted to have

?
'Maassluis' is working here, are you sure your key is right?
Maybe you can PM your key so I can test this once.. (wont abuse this of course), or do you get any error in console (f12) ?
maluko wrote:
and the select botton dont work ether, can select the order but cant reach to domoticz.
Code: Select all
{
AddjMulti: 1,
AddjMulti2: 1,
....
Level: 0,
LevelActions: "||||||",
LevelInt: 0,
LevelNames: "Off|OFF|5 Min|10 Min|15 Min|20 Min|Limpeza",
LevelOffHidden: true,
.....
idx: "xx"
},
Shouldn't 'LevelActions' be filled?
SuperMouse wrote:
Is there a way to change the height of the graph itself?
In custom.css, add something like:
Change '150' to the idx of your device
rbisschops wrote:
I noticed a minor bug is the css.
At line 110: border-color: #FFFF; should be #FFF.
Fixed
SuperMouse wrote:
And I change line 495 from white into black in the CSS:
Better to overwrite in custom.css, otherwise your change will be gone in a next update!
rbisschops wrote:
Tested with P1 meterdata. When a data point is hovered it shows the time. Shouldn't this be the usage during that hour?
Could you send me the output, when entering:
http://DOMOTICZ_URL/json.htm?type=graph&sensor=counter&idx=YOUR_IDX&range=day
(replace 'YOUR_IDX' with the idx of the device
rbisschops wrote:Hi Rob,
I have a (puls) water meter in Domoticz. When I add the water meter it shows two fields when I add this:
Code: Select all
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,'blocktitle_3','8','9','122']
When I add:
Code: Select all
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,'blocktitle_3','8','9','122_1']
It shows an emtpy box
When I add:
Code: Select all
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,'blocktitle_3','8','9','122_2']
It shows the total meter value
Could you send me your output so I can test with it?
Visit: DOMOTICZ_URL/json.htm?type=devices&filter=all&used=true&order=Name
(Only the output for the device we're talking about..)
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 22:28
by irishv
I can't believe how far this has come in a week. I think I have everything working now, but have two requests:
- Can you make an option to switch between Celsius and Fahrenheit?
- Can you make the media buttons larger for the Logitech Media Server and add Volume Up and Down buttons?
I've been able to make both of those changes manually, but have to do them every time I update. Thanks again, I've been looking for something like this since I first installed Domoticz.
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 22:43
by robgeerts
irishv wrote:I can't believe how far this has come in a week. I think I have everything working now, but have two requests:
- Can you make an option to switch between Celsius and Fahrenheit?
- Can you make the media buttons larger for the Logitech Media Server and add Volume Up and Down buttons?
I've been able to make both of those changes manually, but have to do them every time I update. Thanks again, I've been looking for something like this since I first installed Domoticz.
What css do you apply every time?
Will fix the celcius/fahrenheit switch.. changing ºC to ºF is enough?
Or do I have to recalculate the output?
EDIT: set in config.js:
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 22:56
by rbisschops
@robgeerts Will sent you the input tomorrow evening after work. Thx for the fast response.
Ralph
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Sunday 09 April 2017 23:44
by Martijn85
Realy nice dashboard!
I have this running on another webserver, i have the correct http://user:pass@ip:port but i keep a emty screen?
See the attached file. How can i fix this, what am i missing?
edit: never mind, this not read the README. Just change the config.default en save to default and your good to go!
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Monday 10 April 2017 0:28
by HansieNL
Hello Rob,
If I change css from -100% to -200% 3rd page is shown. Can you check if the code in creative.css should be corrected?
.slide-radio3:checked ~ .fullslider {
-webkit-transform: translateX(-200%);
transform: translateX(-200%);
}
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Monday 10 April 2017 0:49
by irishv
robgeerts wrote:
What css do you apply every time?
Will fix the celcius/fahrenheit switch.. changing ºC to ºF is enough?
Or do I have to recalculate the output?
EDIT: set in config.js:
Awesome, I'll give that a try tonight. I had been changing the weather.js file manually (temp_c to temp_f and .celsius to .fahrenheit). For the music buttons I switched to different icons and set font-size:25px. Haven't really gotten it a way I like, but really just need larger buttons.
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Monday 10 April 2017 0:49
by pvm
robgeerts wrote:
pvm wrote:
I've tested the graph for PI temperature and CPU usage, it reports "PITemperature: undefined" and does not show a graph
?
Could you send me the output, when entering:
http://DOMOTICZ_URL/json.htm?type=graph&sensor=counter&idx=YOUR_IDX&range=day
(replace 'YOUR_IDX' with the idx of the device
I've tried this for memory usage of PI:
Code: Select all
{
"ValueQuantity" : "",
"ValueUnits" : "",
"status" : "OK",
"title" : "Graph counter day"
}
you requested to use
DOMOTICZ_URL/json.htm?type=graph&sensor=
counter&idx=MYIDX&range=day
Domoticz uses:
DOMOTICZ_URL/json.htm?type=graph&sensor=
Percentage&idx=MYIDX&range=day
The same issue applies to a virtual sensor I have to measure soil humidity
But don't put too much effort in for now, this is purely a nice to have (for me)
I'm much more interested in getting Domoticz data on the iPad

Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Monday 10 April 2017 1:03
by maluko
robgeerts wrote:
maluko wrote:
and the select botton dont work ether, can select the order but cant reach to domoticz.
Code: Select all
{
AddjMulti: 1,
AddjMulti2: 1,
....
Level: 0,
LevelActions: "||||||",
LevelInt: 0,
LevelNames: "Off|OFF|5 Min|10 Min|15 Min|20 Min|Limpeza",
LevelOffHidden: true,
.....
idx: "xx"
},
Shouldn't 'LevelActions' be filled?
no. i dont have level action, i have a blockly that listen the select switch and execute scenes each type.
my question is when we select "5min" level on dashboard arent to switch on real domoticz too?
Re: New Dashboard Design v2, custom positioning and multiple screens
Posted: Monday 10 April 2017 1:34
by HansieNL
maluko wrote:robgeerts wrote:
maluko wrote:
my question is when we select "5min" level on dashboard arent to switch on real domoticz too?
Has to be fixed. I have the same problem with a Toon Thermostat selector switch. I'm sure Rob will fix it asap... please be patient in the meantime.