Dashticz - General Discussions

Dashticz, alternative dashboard based on HTML, CSS, jQuery

Moderators: leecollings, htilburgs, robgeerts

Locked
maluko
Posts: 105
Joined: Sunday 02 February 2014 23:57
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Portugal
Contact:

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

Post by maluko »

i am trying to add a virtual swicth that control my irrigation zone system, but i am facing with this problem:

virtual swich is placed on "rega" plan and hiden on main plan, so can´t see on dashboard, if i bring back to main next came back to dash.

can i contorn this?

thanks.
User avatar
HansieNL
Posts: 964
Joined: Monday 28 September 2015 15:13
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post by HansieNL »

maluko wrote:i am trying to add a virtual swicth that control my irrigation zone system, but i am facing with this problem:
virtual swich is placed on "rega" plan and hiden on main plan, so can´t see on dashboard, if i bring back to main next came back to dash.
can i contorn this?
thanks.
You have to use var _USE_FAVORITES = false
Blah blah blah
User avatar
HansieNL
Posts: 964
Joined: Monday 28 September 2015 15:13
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post by HansieNL »

htilburgs wrote:The Wiki page for Dashticz v2.0 is now up-to-date.
You can find this page on http://www.domoticz.com/wiki/Dashticz-v2
Well done job!!!

I use the following code for lightbulbs css because then i also can set the opacity. Maybe you can add to the wiki?
.fa.fa-lightbulb-o.on {
color: rgba(0,255,0,0.4)
}

I just see a lot // are in the wiki used, where it should not be used. Maybe it's better to remove them. I think it's confusing for a lot of people.
Blah blah blah
User avatar
htilburgs
Posts: 464
Joined: Tuesday 03 November 2015 11:01
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Netherlands
Contact:

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

Post by htilburgs »

HansieNL wrote:
htilburgs wrote:The Wiki page for Dashticz v2.0 is now up-to-date.
You can find this page on http://www.domoticz.com/wiki/Dashticz-v2
Well done job!!!

I use the following code for lightbulbs css because then i also can set the opacity. Maybe you can add to the wiki?
.fa.fa-lightbulb-o.on {
color: rgba(0,255,0,0.4)
}

I just see a lot // are in the wiki used, where it should not be used. Maybe it's better to remove them. I think it's confusing for a lot of people.
I see what you mean. Just cleaned up the // in the wiki.
For the CSS I will create a different section "User CSS Modifications". I trie to keep it clean and simple (just as Dashticz v2.0)....;)
Hardware:
RPi3 - Aeon Labs Z-Stick GEN5 - Fibaro Dimmer 2 - Fibaro Roller Shutter 2 - Fibaro Smoke Sensor - Yeelight RGBW Led bulb - Yeelight Smart LED Light Strip - Neo Coolcam PIR Motion Sensor - Neo Coolcam PowerPlug - Nest Thermostat v3
Dingetje2004
Posts: 20
Joined: Saturday 04 June 2016 8:10
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post by Dingetje2004 »

htilburgs wrote:
HansieNL wrote:
htilburgs wrote:The Wiki page for Dashticz v2.0 is now up-to-date.
You can find this page on http://www.domoticz.com/wiki/Dashticz-v2
Well done job!!!

I use the following code for lightbulbs css because then i also can set the opacity. Maybe you can add to the wiki?
.fa.fa-lightbulb-o.on {
color: rgba(0,255,0,0.4)
}

I just see a lot // are in the wiki used, where it should not be used. Maybe it's better to remove them. I think it's confusing for a lot of people.
I see what you mean. Just cleaned up the // in the wiki.
For the CSS I will create a different section "User CSS Modifications". I trie to keep it clean and simple (just as Dashticz v2.0)....;)
What code do I have to add in custom css for making the icons a little bigger? thanks!
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

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

Post by robgeerts »

hpapagaj wrote: Back to the question: so it is not possible to enable only news column and make other columns (switches, date, clock, buttons, weather etc) work automatically like until now?
No, its either automatically without modifications or defining every device you want.
I can understand it's a lot of work the first time, finding the right idx's and stuff but its worth it ;)
It will be much easier to switch columns and move devices
hpapagaj wrote: robgeerts: I made some merge requests today, if you find it useful, you can merge it.
I will check them out, thanks!
Edit: have merged your request (the favicons).
I would like own favicons instead of using the Domoticz-favicons but for now this is fine, thanks.
westd001
Posts: 22
Joined: Friday 28 August 2015 21:41
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post by westd001 »

Hi Rob and others,

I follow this topic for a few weeks now and it's really great to see the progress in the development of the dashboard. Thanks for that, and I will make an donation for your tabblet :-)
I made some modifications so the dashboard layout fitts on my 7"Raspii3 touchscreen. See the picture. One thing I can't change is the text that is shown at all "Rookmelders" on page 2. The status is "Normal" but it say's "Rook gedetecteerd", could you please change this in the next release ?
I am still changing the layout of the second screen but it will fit some day.......
20170415_102639.jpg
20170415_102639.jpg (220.58 KiB) Viewed 2077 times
20170415_100317.jpg
20170415_100317.jpg (348.37 KiB) Viewed 2077 times
Regards
John
User avatar
htilburgs
Posts: 464
Joined: Tuesday 03 November 2015 11:01
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Netherlands
Contact:

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

Post by htilburgs »

Dingetje2004 wrote:
htilburgs wrote:
HansieNL wrote: Well done job!!!

I use the following code for lightbulbs css because then i also can set the opacity. Maybe you can add to the wiki?
.fa.fa-lightbulb-o.on {
color: rgba(0,255,0,0.4)
}

I just see a lot // are in the wiki used, where it should not be used. Maybe it's better to remove them. I think it's confusing for a lot of people.
I see what you mean. Just cleaned up the // in the wiki.
For the CSS I will create a different section "User CSS Modifications". I trie to keep it clean and simple (just as Dashticz v2.0)....;)
What code do I have to add in custom css for making the icons a little bigger? thanks!
You have to edit the custom.css and put the next part in there (I've updated the wiki also ;))

Code: Select all

.fa-lightbulb-o:before{
	font-size: 24px;
}
Hardware:
RPi3 - Aeon Labs Z-Stick GEN5 - Fibaro Dimmer 2 - Fibaro Roller Shutter 2 - Fibaro Smoke Sensor - Yeelight RGBW Led bulb - Yeelight Smart LED Light Strip - Neo Coolcam PIR Motion Sensor - Neo Coolcam PowerPlug - Nest Thermostat v3
User avatar
wizjos
Posts: 79
Joined: Monday 07 March 2016 19:35
Target OS: NAS (Synology & others)
Domoticz version:
Contact:

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

Post by wizjos »

westd001 wrote:I made some modifications so the dashboard layout fitts on my 7"Raspii3 touchscreen.
Nice! Care to share?

Regards,
Wizjos
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

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

Post by EdwinK »

westd001 wrote:Hi Rob and others,

I follow this topic for a few weeks now and it's really great to see the progress in the development of the dashboard. Thanks for that, and I will make an donation for your tabblet :-)
I made some modifications so the dashboard layout fitts on my 7"Raspii3 touchscreen. See the picture. One thing I can't change is the text that is shown at all "Rookmelders" on page 2. The status is "Normal" but it say's "Rook gedetecteerd", could you please change this in the next release ?
I am still changing the layout of the second screen but it will fit some day.......

Regards
John
Looks great.
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
pvdhelm
Posts: 29
Joined: Tuesday 14 March 2017 17:23
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Skendel
Contact:

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

Post by pvdhelm »

is it gonna rain script doesn't work for me. Get the following error in domoticz
2017-04-15 11:00:00.254 Error: EventSystem: in /home/pi/domoticz/scripts/lua/script_time_rain.lua: /home/pi/domoticz/scripts/lua/script_time_rain.lua:165: bad argument #1 to 'sub' (string expected, got nil)
what kind of virtual switch do i have to make. My switch only prints HELLO WORLD
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

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

Post by robgeerts »

westd001 wrote: I follow this topic for a few weeks now and it's really great to see the progress in the development of the dashboard. Thanks for that, and I will make an donation for your tabblet :-)
Thansk, really appreciate it!
westd001 wrote: One thing I can't change is the text that is shown at all "Rookmelders" on page 2. The status is "Normal" but it say's "Rook gedetecteerd", could you please change this in the next release ?
Could you send me the output of that device?
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

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

Post by robgeerts »

freakshock wrote:Hi Rob,

Amazing dashboard! I like how most of it works straight out of the box. One question, is it normal behavior that the buienradar image does not refresh on its own? Does it only refresh with a full page refresh? Tested this with chrome on android and Windows. Thanks
I just tested this in latest version and its working for me...
Could you test this?

rbo0567 wrote:
robgeerts wrote:
rbo0567 wrote:Hi Rob,
I'm following this thread a couple of days now and I appreciate your work in this thread a lot.
For me it became more interesting when the camera's got your attention. Tried it after downloading the latest version of Dashticz but can only get 1 camera working at the same time. I made a screen specially for 4 cams but I see only the image of 1 cam (4 times).
Am I doing something wrong?
I didnt test with multiple cams yet... will do this soon!
If there is something I can help you with, please let me know.
Could you test latest version?
Dropshot
Posts: 44
Joined: Tuesday 20 December 2016 22:29
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post by Dropshot »

What will be the most convenient way to update this dashboard to the latest version?
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

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

Post by robgeerts »

Backup your config.js and custom.css en download the latest version.
Overwrite your existing files.

Or, if you use git on your computer, just use the pull-function
Blueone
Posts: 130
Joined: Friday 29 November 2013 11:30
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post by Blueone »

I created a cgi script which can be used to change the brightness off the original raspberry touchscreen:

Sources I used:
https://code-maven.com/set-up-cgi-with-apache for setting up cgi in the raspberry

https://github.com/linusg/rpi-backlight, this api is being used simply install by following the instruction on the page

Attached the cgi script based on python (rename to cgi). Simple to use:

http://127.0.0.1/cgi-bin/screen_brightn ... ghtness=11

A valid brightness is between 11-255
a brightness of 0 turns the screen off

I would be great if this one can be added to the stand-by function. Also the text in stand-by is now grey, it would be nice if the text is real white. In the case the text can still be read with a low brightness in the evening from a distance on the couch or something :)

btw, it is a pyton script, don't change it with a windows text editor.
Attachments
screen_brightness.cgi.txt
(752 Bytes) Downloaded 89 times
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

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

Post by robgeerts »

If you want the text to be white, add to custom.css:

Code: Select all

.standby .row {
	opacity:1 !important;
}
I cannot use cgi in my scripts.
I could make a setting that the dashboard has to call an url when going to standby.
westd001
Posts: 22
Joined: Friday 28 August 2015 21:41
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post by westd001 »

Wizjos,
Here is the code, i only changed config.js, creative.js and the background (attached).

config.js:

Code: Select all

var _LANGUAGE 				= 'nl_NL'; //or en_US
var _HOST_DOMOTICZ		  	= 'http://192.168.x.x:xxxx';

/*
IF YOU HAVE A MEDIABOX FROM ZIGGO (HORIZON), COPY SWITCH_HORIZON.PHP ON A WEBSERVER INSIDE YOUR NETWORK AND CHANGE THE IP.
ENTER THE PATH TO THIS FILE BELOW.
*/
var _HOST_ZIGGO_HORIZON	  	= ''; //e.g. http://192.168.1.3/domoticz/switch_horizon.php';
var _APIKEY_WUNDERGROUND  	= 'xxxxxxx';
var _WEATHER_CITY 		= 'Delft';
var _WEATHER_COUNTRY 		= 'NL';
var _USE_AUTO_POSITIONING 	= false; //don't want to configure positions, use auto positioning
var _USE_FAVORITES		= false; //only used when using auto positioning
var _HIDE_SECONDS_IN_CLOCK 	= true; //do not show the seconds in the clock
var _HIDE_MEDIAPLAYER_WHEN_OFF	= false; //when you have a mediaplayer connected, hide it if nothing is playing
var _NEWS_RSSFEED		= 'http://www.nu.nl/rss/algemeen';
var _USE_FAHRENHEIT		= false;
var _STANDBY_AFTER_MINUTES	= false; //enter amount of seconds like: 5 (5 seconds)

var buttons = {}
buttons.buienradar = {width:12, isimage:true, image: 'http://api.buienradar.nl/image/1.0/RadarMapNL?w=285&h=256', url: 'http://www.weer.nl/verwachting/nederland/son/189656/'}
buttons.radio = {width:12, image: 'img/radio_on.png', title: 'Radio', url: 'http://nederland.fm'}
buttons.nunl = {width:12, icon: 'fa-newspaper-o', title: 'Nu.nl', url: 'http://www.nu.nl'}
buttons.camerakeuken = {width:6, image: 'img/SecurityCam.png', title: 'Camera Keuken', url: 'http://192.168.x.x:xxx/snapshot.cgi?user=xxxx&pwd=xxxxx&rate=1'}
buttons.camerablokhut = {width:6, image: 'img/SecurityCam.png', title: 'Camera Blokhut', url: 'http://192.168.x.x:xxxx/snapshot.cgi?user=xxxx&pwd=xxxxx&rate=1'}

"CUSTOM POSITIONING:"

//defining wich blocks to show, de numbers represents the IDX of the device in Domoticz
//only define if you want to use a custom width instead of the default

var blocks = {}

blocks[12] = {}
blocks[12]['width'] = 6;
blocks[64] = {}
blocks[64]['width'] = 6;
blocks[66] = {}
blocks[66]['width'] = 6;
blocks[109] = {}
blocks[109]['width'] = 6;
blocks[116] = {}
blocks[116]['width'] = 6;
blocks[423] = {}
blocks[423]['width'] = 6; //1 to 12, remove this line if you want to use the default (4)
blocks[425] = {}
blocks[425]['width'] = 6;
blocks[435] = {}
blocks[435]['width'] = 6;
blocks[436] = {}
blocks[436]['width'] = 12;
blocks[443] = {}
blocks[443]['width'] = 12;
blocks[479] = {}
blocks[479]['width'] = 6;
blocks[485] = {}
blocks[485]['width'] = 6;
blocks[536] = {}
blocks[536]['width'] = 6;
blocks[576] = {}
blocks[576]['width'] = 6;
blocks[577] = {}
blocks[577]['width'] = 6;
blocks[716] = {}
blocks[716]['width'] = 6;
blocks[743] = {}
blocks[743]['width'] = 6;
blocks[753] = {}
blocks[753]['width'] = 6;
blocks[801] = {}
blocks[801]['width'] = 6;
blocks[813] = {}
blocks[813]['width'] = 3;
blocks[814] = {}
blocks[814]['width'] = 3;
blocks[815] = {}
blocks[815]['width'] = 3;
blocks[816] = {}
blocks[816]['width'] = 3;
blocks[833] = {}
blocks[833]['width'] = 6;
blocks[841] = {}
blocks[841]['width'] = 6;
blocks[842] = {}
blocks[842]['width'] = 6;
blocks[843] = {}
blocks[843]['width'] = 12;

blocks['currentweather'] = {}
blocks['currentweather']['width'] = 12;

blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';

blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Weersvoorspelling';

//defining number of columns, their contents en widths
//width can be a number 1 to 12, but total widths of all columns should always be 12
var columns = {}

columns[1] = {}
columns[1]['blocks'] = [753,716,425,743,66,423,485,436,443] //remark: idx 144 produces 2 blocks, so you can use: '144_1' and '144_2' (or of course, just 144 if you want one)
columns[1]['width'] = 5;

columns[2] = {}
columns[2]['blocks'] = ['currentweather','weather',843,814,815,816]
columns[2]['width'] = 5; 

columns[3] = {}
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,buttons.radio,buttons.nunl]
columns[3]['width'] = 2; 

columns[4] = {}
columns[4]['blocks'] = [64,833,109,116,576,577,479,801]
columns[4]['width'] = 5;

columns[5] = {}
columns[5]['blocks'] = ['12_1','536_1','12_2','536_2',buttons.camerakeuken,buttons.camerablokhut]
columns[5]['width'] = 5; 

columns[6] = {}
columns[6]['blocks'] = ['clock']
columns[6]['width'] = 2; 

//if you want to use multiple screens, use the code below:
var screens = {}
screens[1] = {}
screens[1]['background'] = 'brushed-metallic-backgroud800x480_3.jpg';
screens[1]['columns'] = [1,2,3]

screens[2] = {}
screens[2]['background'] = 'brushed-metallic-backgroud800x480_3.jpg';
screens[2]['columns'] = [4,5,6]
just changed this part in creative.js:

Code: Select all

  .slider-pagination {
      position: absolute;
      bottom: 20px;
      width: 95%;
      left: 0;
      text-align: right;
      z-index: 1000;
Rob, this is the output of a "Smoke detector"

Code: Select all

      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "Normal",
         "Description" : "",
         "Favorite" : 0,
         "HardwareID" : 3,
         "HardwareName" : "RFXCOM",
         "HardwareType" : "RFXCOM - RFXtrx433 USB 433.92MHz Transceiver",
         "HardwareTypeVal" : 1,
         "HaveDimmer" : false,
         "HaveGroupCmd" : false,
         "HaveTimeout" : false,
         "ID" : "6B9D00",
         "LastUpdate" : "2017-04-07 13:27:43",
         "MaxDimLevel" : 0,
         "Name" : "Rookmelder Overloop (M)",
         "Notifications" : "true",
         "PlanID" : "5",
         "PlanIDs" : [ 5, 6 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : 4,
         "Status" : "Normal",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "KD101 smoke detector",
         "SwitchType" : "Smoke Detector",
         "SwitchTypeVal" : 5,
         "Timers" : "false",
         "Type" : "Security",
         "TypeImg" : "smoke",
         "Unit" : 0,
         "Used" : 1,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "576"
      },
Attachments
brushed-metallic-backgroud800x480_3.jpg
brushed-metallic-backgroud800x480_3.jpg (59.1 KiB) Viewed 2041 times
Blueone
Posts: 130
Joined: Friday 29 November 2013 11:30
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post by Blueone »

robgeerts wrote:If you want the text to be white, add to custom.css:

Code: Select all

.standby .row {
	opacity:1 !important;
}
I cannot use cgi in my scripts.
I could make a setting that the dashboard has to call an url when going to standby.
Isn't it possible to call this url http://127.0.0.1/cgi-bin/screen_brightn ... ghtness=11 when this script is added by the user? If not, I can also create a simple HTML which can be put in the webserver which run's the cgi.
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

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

Post by EdwinK »

pvdhelm wrote:is it gonna rain script doesn't work for me. Get the following error in domoticz
2017-04-15 11:00:00.254 Error: EventSystem: in /home/pi/domoticz/scripts/lua/script_time_rain.lua: /home/pi/domoticz/scripts/lua/script_time_rain.lua:165: bad argument #1 to 'sub' (string expected, got nil)
what kind of virtual switch do i have to make. My switch only prints HELLO WORLD

You need to have a txt switch AND an ON/OFF switch. Make sure that the name you give the ON/OFF-switch is exactly the same as in the script. Also, a NILL error can mean that the temp file isn't created or writable. I believe user hansienl has writen something about that in this topic.
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
Locked

Who is online

Users browsing this forum: No registered users and 1 guest