Dashticz - General Discussions

[SwordFish]

Preview with multiple dashboards:

That looks great.
Can't wait to use it.

[Dynamic]

Preview with multiple dashboards:

1 word: AWESOME!!!!

[SwordFish]

Its seems that the scene's buttons don't work. When i push them nothing happens. But when i push a on/off button it works?

[robgeerts]

Could you check in console (f12, network-tab) wich url it calls in my dashboard and compare this one with the url it calls in Domoticz?

[robgeerts]

MULTIPLE SCREENS!

Download the latest version from Gitlab for support for multiple screens, to use this, add the following code to the bottom of config.js and change according your needs:

Code: Select all

var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg1.jpg';
screens[1]['columns'] = [1,2,3]

screens[2] = {}
screens[2]['background'] = 'bg1.jpg';
screens[2]['columns'] = [4,5,6]

[robgeerts]

Kodi-logo's:

Added the kodi logo as an icon:

[SwordFish]

Could you check in console (f12, network-tab) wich url it calls in my dashboard and compare this one with the url it calls in Domoticz?

Its seems that the scene is calling with idx=s1

Code: Select all

http://192.168.1.216:8080/json.htm?type=command&param=switchscene&idx=s1&switchcmd=On&level=0&passcode=&jsoncallback=jQuery112406344561574880356_1491554042079&_=1491554042156

[SwordFish]

MULTIPLE SCREENS!

Download the latest version from Gitlab for support for multiple screens, to use this, add the following code to the bottom of config.js and change according your needs:

Code: Select all

var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg1.jpg';
screens[1]['columns'] = [1,2,3]

screens[2] = {}
screens[2]['background'] = 'bg1.jpg';
screens[2]['columns'] = [4,5,6]

Super

[robgeerts]

Oops, my mistake!
Just pushed a fix to Gitlab..

[Ierlandfan]

What do you use for making images with a transparant background?

[SwordFish]

Oops, my mistake!
Just pushed a fix to Gitlab..

Sorry again.
When i use the code for multiple screens all of my domoticz switches, scene ed. are gone. When i don't use the code everything is fine?
But the scene's are working again ( with one screen)

[HansieNL]

Goodmorning Rob,
Buttons for train / traffic info don't work after last update.
Nice the option to have more than one dashboard page. Now I can place all my fav links on a seperate page

[robgeerts]

What do you use for making images with a transparant background?

Photoshop, but I try to find transparent icons/logo's via Google first

When i use the code for multiple screens all of my domoticz switches, scene ed. are gone. When i don't use the code everything is fine?
But the scene's are working again ( with one screen)

Could you send me the contents of your config.js?

Buttons for train / traffic info don't work after last update.

They work over here:


Do you get any error?

[SwordFish]

Here you go.
Also by me the train info isn't working.

Code: Select all

var _LANGUAGE 				= 'nl_NL'; //or en_US
var _HOST_DOMOTICZ		  	= 'http://192.168.1.216:8080';

/*
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  	= '189dba77d783e7a4';
var _WEATHER_CITY 			= 'Helmond';
var _WEATHER_COUNTRY 		= 'NL';
var _BACKGROUND_IMAGE		= 'bg8.jpg';
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 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'}


//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['s6'] = {}
blocks['s6']['width'] = 4; //1 to 12, remove this line if you want to use the default (4)
blocks['s1'] = {} //dimmer
blocks['s1']['width'] = 4;
blocks['s2'] = {} //dimmer
blocks['s2']['width'] = 4;
blocks['s5'] = {} //dimmer
blocks['s5']['width'] = 4;
blocks['s3'] = {}
blocks['s3']['width'] = 4; //1 to 12, remove this line if you want to use the default (4)
blocks['s4'] = {} //dimmer
blocks['s4']['width'] = 4;
blocks['s10'] = {} //dimmer
blocks['s10']['width'] = 4;
blocks[123] = {} //dimmer
blocks[123]['width'] = 4;
blocks[44] = {} //dimmer
blocks[44]['width'] = 4;
blocks['s9'] = {} //dimmer
blocks['s9']['width'] = 12;
blocks[46] = {} //dimmer
blocks[46]['width'] = 12;
blocks[29] = {} //dimmer
blocks[29]['width'] = 6;
blocks[196] = {} //dimmer
blocks[196]['width'] = 4;
blocks[195] = {} //dimmer
blocks[195]['width'] = 4;
blocks[49] = {} //dimmer
blocks[49]['width'] = 6;
blocks[268] = {} //dimmer
blocks[268]['width'] = 6;

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

//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'] = ['s6','s1','s2','s5','s3','s4','s10',123,44,'s9',29,196,195,49,268] //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_big','weather','train',46]
columns[2]['width'] = 5; 

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

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

screens[2] = {}
screens[2]['background'] = 'bg8.jpg';
screens[2]['columns'] = [4,5,6]

[HansieNL]

Sorry... Button is working but not triggering the frame.
No output in console... or can it be this one? jquery.min.js:4

[robgeerts]

You defined a second screen but the columns you've enter (4,5,6) doesnt exist:

Code: Select all

screens[2] = {}
screens[2]['background'] = 'bg8.jpg';
screens[2]['columns'] = [4,5,6]

I've added an extra check so it should work with latest version!
(You can also remove that screen)

[SwordFish]

You defined a second screen but the columns you've enter (4,5,6) doesnt exist:

Code: Select all

screens[2] = {}
screens[2]['background'] = 'bg8.jpg';
screens[2]['columns'] = [4,5,6]

I've added an extra check so it should work with latest version!
(You can also remove that screen)

Its working now, thanks
Do you had a change to look why the calendar button doesn't have a border like the radio or nu.nl button?
Edit:
nevermind, found the problem.

[robgeerts]

Sorry... Button is working but not triggering the frame.
No output in console... or can it be this one? jquery.min.js:4

Could you test latest version?

nevermind, found the problem.

What was it?

[SwordFish]

nevermind, found the problem.

What was it?

To many copie/paste.
Noticed that the " width:12 " was missing

[robgeerts]

Ok, but I can change it uses a default if it doesnt exists

Edit: Done!