Dashticz - General Discussions

Dashticz, alternative dashboard based on HTML, CSS, jQuery

Moderators: leecollings, htilburgs, robgeerts

Locked
User avatar
rbisschops
Posts: 63
Joined: Monday 12 May 2014 11:20
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: Schiedam, Netherlands
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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
Last edited by rbisschops on Sunday 09 April 2017 21:21, edited 1 time in total.
RPi 3B (master): RFXtrx433, Harmony Hub, Z-Wave devices, CoCo units, Hue, Xiaomi Aquara
RPi 2B (slave): P1 connection, MySensors with custom built watermeter sensors on Aquadis+
RPi’s with: Mosquitto MQTT, Home Bridge, Home Assistant (for evaluation only)
User avatar
mAiden88
Posts: 56
Joined: Friday 14 October 2016 22:15
Target OS: Raspberry Pi / ODroid
Domoticz version: 3.7286
Location: Almelo
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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.
Anyone can build a fast processor. The trick is to build a fast system.
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by EdwinK »

SuperMouse wrote:@rbisschops

Sure Ralph

Actually it is just a different background:

http://imgur.com/a/Dx7zT
Added this image (I like it), but somehow it looks different.

Image
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
User avatar
rbisschops
Posts: 63
Joined: Monday 12 May 2014 11:20
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: Schiedam, Netherlands
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

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

Image
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
RPi 3B (master): RFXtrx433, Harmony Hub, Z-Wave devices, CoCo units, Hue, Xiaomi Aquara
RPi 2B (slave): P1 connection, MySensors with custom built watermeter sensors on Aquadis+
RPi’s with: Mosquitto MQTT, Home Bridge, Home Assistant (for evaluation only)
User avatar
rbisschops
Posts: 63
Joined: Monday 12 May 2014 11:20
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: Schiedam, Netherlands
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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
RPi 3B (master): RFXtrx433, Harmony Hub, Z-Wave devices, CoCo units, Hue, Xiaomi Aquara
RPi 2B (slave): P1 connection, MySensors with custom built watermeter sensors on Aquadis+
RPi’s with: Mosquitto MQTT, Home Bridge, Home Assistant (for evaluation only)
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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.
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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?
User avatar
mAiden88
Posts: 56
Joined: Friday 14 October 2016 22:15
Target OS: Raspberry Pi / ODroid
Domoticz version: 3.7286
Location: Almelo
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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 :shock:
Anyone can build a fast processor. The trick is to build a fast system.
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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.
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by EdwinK »

For shame... :oops:

Somehow, the background.jpg wasn't copied to the img folder.
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

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

Code: Select all

#graphoutput150 {
	height:100px;
}
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..)
irishv
Posts: 14
Joined: Saturday 01 April 2017 5:15
Target OS: -
Domoticz version:
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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.
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

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

Code: Select all

var _USE_FAHRENHEIT = true;
User avatar
rbisschops
Posts: 63
Joined: Monday 12 May 2014 11:20
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: Schiedam, Netherlands
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by rbisschops »

@robgeerts Will sent you the input tomorrow evening after work. Thx for the fast response.

Ralph
RPi 3B (master): RFXtrx433, Harmony Hub, Z-Wave devices, CoCo units, Hue, Xiaomi Aquara
RPi 2B (slave): P1 connection, MySensors with custom built watermeter sensors on Aquadis+
RPi’s with: Mosquitto MQTT, Home Bridge, Home Assistant (for evaluation only)
Martijn85
Posts: 53
Joined: Wednesday 20 January 2016 20:21
Target OS: Raspberry Pi / ODroid
Domoticz version: Stable
Location: Netherlands
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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!
Attachments
dashboard.jpg
dashboard.jpg (76.7 KiB) Viewed 2697 times
User avatar
HansieNL
Posts: 964
Joined: Monday 28 September 2015 15:13
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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%);
}
Blah blah blah
irishv
Posts: 14
Joined: Saturday 01 April 2017 5:15
Target OS: -
Domoticz version:
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

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

Code: Select all

var _USE_FAHRENHEIT = true;

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.
pvm
Posts: 550
Joined: Tuesday 17 June 2014 22:14
Target OS: NAS (Synology & others)
Domoticz version: 4.10538
Location: NL
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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 :)
Synology NAS, slave PI3, ZWave (Fibaro), Xiaomi zigbee devices, BTLE plant sensor, DzVents, Dashticz on tablet, Logitech Media Server
maluko
Posts: 105
Joined: Sunday 02 February 2014 23:57
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Portugal
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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?
User avatar
HansieNL
Posts: 964
Joined: Monday 28 September 2015 15:13
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post 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.
Blah blah blah
Locked

Who is online

Users browsing this forum: No registered users and 1 guest