Domoticz

b00n wrote:Can someone explain the blocks and columns ?
or show an example of there config.js?

Regards

wizjos wrote:Just noticed this. Although it is possible to give an alternative title to a block (blocks[140]['title'] = 'Temperatuur';), this goes for all 'sub-blocks'. In my case I have a 'buienradar-temperatuur' at idx 140 which produces 2 blocks: one for temperature and one for humidity...
I would be nice to give these sub-blocks different titles so I get 'Temperatuur' for the temperature and 'Luchtvochtigheid' for humidity.
Something like

Code: Select all

blocks['140_1']['title'] = 'Temperatuur';
blocks['140_2']['title'] = 'Luchtvochtigheid';

Regards,
Wizjos

EdKo66 wrote:

wizjos wrote:Just noticed this. Although it is possible to give an alternative title to a block (blocks[140]['title'] = 'Temperatuur';), this goes for all 'sub-blocks'. In my case I have a 'buienradar-temperatuur' at idx 140 which produces 2 blocks: one for temperature and one for humidity...
I would be nice to give these sub-blocks different titles so I get 'Temperatuur' for the temperature and 'Luchtvochtigheid' for humidity.
Something like

Code: Select all

blocks['140_1']['title'] = 'Temperatuur';
blocks['140_2']['title'] = 'Luchtvochtigheid';

Regards,
Wizjos

Got exactly the same problem.

b00n wrote:Can someone explain the blocks and columns ?
or show an example of there config.js?

Regards

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

//var columns = {}

columns[1] = {}
columns[1]['blocks'] = [] 
columns[1]['width'] = 5; //this is the width of first column

columns[2] = {}
columns[2]['blocks'] = [] 
columns[2]['width'] = 5; //this is the width of second column

columns[3] = {}
columns[3]['blocks'] = [] 
columns[3]['width'] = 2; //this is the width of thirt column

var blocks = {}
blocks[1] = {} // 1 means sensor/switch idx by domoticz
blocks[1]['width] = 3
blocks[28] = {} 
blocks[28]['width'] = 3; 
blocks[204] = {} 
blocks[204]['width'] = 3;
blocks[342] = {} 
blocks[342]['width'] = 3;

var blocks = {}
blocks[1] = {}
blocks[1]['width] = 3
blocks[28] = {} 
blocks[28]['width'] = 3; 
blocks[204] = {} 
blocks[204]['width'] = 6;

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

var columns = {}
columns[1] = {}
columns[1]['blocks'] = ['blocktitle_1',1,28,204,342] //if idx produces 2 blocks (temp + humid),  you can use: 'idx_1' and 'idx_2' 
columns[1]['width'] = 5;

columns[2] = {}
columns[2]['blocks'] = ['currentweather_big','weather']
columns[2]['width'] = 5; 

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

hpapagaj wrote:So if a device (BME280) produces 3 block (Temp + Humidity + Baro) I should write:

columns[4]['blocks'] = ['blocktitle_2',48,'24_1','24_2','24_3']

or

columns[4]['blocks'] = ['blocktitle_2',48,'24_3']

? I tried both, but I am unable to produce one block combined with the 3 data.

Screen-Shot-2017-04-16-12-35-28.png

hpapagaj wrote:Anyone interested?

Dashticz v2 Internet radio stream plugin


Some code cleaning and going to merge request.

hpapagaj wrote:Anyone interested?

Dashticz v2 Internet radio stream plugin


Some code cleaning and going to merge request.

robgeerts wrote:I'll do my best too did you mean chrome instead of safari?

maluko wrote:

b00n wrote:Can someone explain the blocks and columns ?
or show an example of there config.js?

Regards

you have to think like this:

each screen have by horizontal 'width' =12

this 12 you have to divid for column so you can put like this

Code: Select all

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

this mean you have the column 1, 2 and 3

column 1 + column 2 + column 3 = 12
(5) + (5) + (2) = 12

in code

Code: Select all

//var columns = {}

columns[1] = {}
columns[1]['blocks'] = [] 
columns[1]['width'] = 5; //this is the width of first column

columns[2] = {}
columns[2]['blocks'] = [] 
columns[2]['width'] = 5; //this is the width of second column

columns[3] = {}
columns[3]['blocks'] = [] 
columns[3]['width'] = 2; //this is the width of thirt column

so inside each column you can put the blocks likley the column

each column have width = 12 so you have to divid how many block you want.

block 1 + block 2 + block 3 + block 4 =12 this block will appear in same size
(3) + (3) + (3) + (3) =12

block 1 + block 2 + block 3 =12 will appear 2 with the same size and 1 bigger
(3) + (3) + (6) =12

Code: Select all

var blocks = {}
blocks[1] = {} // 1 means sensor/switch idx by domoticz
blocks[1]['width] = 3
blocks[28] = {} 
blocks[28]['width'] = 3; 
blocks[204] = {} 
blocks[204]['width'] = 3;
blocks[342] = {} 
blocks[342]['width'] = 3;

OR

Code: Select all

var blocks = {}
blocks[1] = {}
blocks[1]['width] = 3
blocks[28] = {} 
blocks[28]['width'] = 3; 
blocks[204] = {} 
blocks[204]['width'] = 6;

you can also create title for each column with the same logical:

Code: Select all

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

this will put the blocktitle width the widt of column

and ending you have to set the blocktitle, blocks, etc on column like this

Code: Select all

var columns = {}
columns[1] = {}
columns[1]['blocks'] = ['blocktitle_1',1,28,204,342] //if idx produces 2 blocks (temp + humid),  you can use: 'idx_1' and 'idx_2' 
columns[1]['width'] = 5;

columns[2] = {}
columns[2]['blocks'] = ['currentweather_big','weather']
columns[2]['width'] = 5; 

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

basicly this are the explaination that i can give you.

next see the wiki that get undersand more thinks.

jake wrote:Please help a starter (me) to update the Wiki with the procedure to download (and for next time) update the files from gitlab. I cant find it online how to do this.