Domoticz

Posted: **Thursday 22 April 2021 20:50**

Hi all,
I want to display the layout of my solar panels on a page in Dashticz. 21 panels are placed in a matrix of 4 columns and 6 rows. There are some empty spaces.

X X X X
X X X X
X X X X
X X X - <-----
X X X X
X X

How do I create an 'empty' block (see arrow)?

Regards,
Egbert

Posted: **Friday 23 April 2021 9:20**

egberts wrote: ↑Thursday 22 April 2021 20:50 Hi all,
I want to display the layout of my solar panels on a page in Dashticz. 21 panels are placed in a matrix of 4 columns and 6 rows. There are some empty spaces.

X X X X
X X X X
X X X X
X X X - <-----
X X X X
X X

How do I create an 'empty' block (see arrow)?

Regards,
Egbert

It's a bit clumsy, but you can do it as follows:

1) Define a button, without title, of a certain width:

Code: Select all

blocks['empty'] = {
    title:'',
    width: 4
}

2) Add it to a column at the right position:

Code: Select all


columns[1] = {
   ...
   blocks: [ ..., 'empty', ...],
   ...
}

3) Modify custom.css

a) To set the height and show the background:

Code: Select all

div[data-id='empty'] {
    height: 300px
}

b) To completely hide the block

Code: Select all

div[data-id='empty'] {
    visibility: hidden;
}

Domoticz

Configuration question - how to create an empty block

Configuration question - how to create an empty block

Re: Configuration question - how to create an empty block