Page 21 of 184

Re: New Dashboard Design v2, with custom positioning

Posted: Friday 07 April 2017 9:40
by SwordFish
robgeerts wrote:Preview with multiple dashboards:
Image
That looks great.
Can't wait to use it.

Re: New Dashboard Design v2, with custom positioning

Posted: Friday 07 April 2017 9:41
by Dynamic
robgeerts wrote:Preview with multiple dashboards:
Image
1 word: AWESOME!!!! :D

Re: New Dashboard Design v2, with custom positioning

Posted: Friday 07 April 2017 10:20
by 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?

Re: New Dashboard Design v2, with custom positioning

Posted: Friday 07 April 2017 10:23
by 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?

Re: New Dashboard Design v2, with custom positioning

Posted: Friday 07 April 2017 10:42
by 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]

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

Posted: Friday 07 April 2017 10:43
by robgeerts
EdKo66 wrote:Kodi-logo's:
Image Image
Added the kodi logo as an icon:
Image

Re: New Dashboard Design v2, with custom positioning

Posted: Friday 07 April 2017 10:50
by SwordFish
robgeerts wrote: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

Re: New Dashboard Design v2, with custom positioning

Posted: Friday 07 April 2017 10:51
by SwordFish
robgeerts wrote: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

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

Posted: Friday 07 April 2017 10:52
by robgeerts
Oops, my mistake!
Just pushed a fix to Gitlab..

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

Posted: Friday 07 April 2017 11:00
by Ierlandfan
What do you use for making images with a transparant background?

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

Posted: Friday 07 April 2017 11:06
by SwordFish
robgeerts wrote: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)

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

Posted: Friday 07 April 2017 11:11
by 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 :)

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

Posted: Friday 07 April 2017 11:14
by robgeerts
Ierlandfan wrote:What do you use for making images with a transparant background?
Photoshop, but I try to find transparent icons/logo's via Google first

SwordFish wrote: 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?

HansieNL wrote: Buttons for train / traffic info don't work after last update.
They work over here:
Image

Do you get any error?

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

Posted: Friday 07 April 2017 11:23
by 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]

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

Posted: Friday 07 April 2017 11:29
by HansieNL
Sorry... :oops: Button is working but not triggering the frame.
No output in console... or can it be this one? jquery.min.js:4

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

Posted: Friday 07 April 2017 11:32
by 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)

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

Posted: Friday 07 April 2017 11:39
by SwordFish
robgeerts wrote: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.

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

Posted: Friday 07 April 2017 11:48
by robgeerts
HansieNL wrote:Sorry... :oops: 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?
SwordFish wrote:nevermind, found the problem.
What was it?

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

Posted: Friday 07 April 2017 11:50
by SwordFish
SwordFish wrote:nevermind, found the problem.
What was it?
To many copie/paste.
Noticed that the " width:12 " was missing :oops:

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

Posted: Friday 07 April 2017 11:51
by robgeerts
Ok, but I can change it uses a default if it doesnt exists :)

Edit: Done!