Page 1 of 1
strugling with screen design
Posted: Saturday 28 March 2020 15:21
by henrybcn
Hi All,
I have been reading a lot and experimenting, but I simply do not get it....

I have a few sensors/switches in domoticz and I can see them without any issue in dashticz, but I really like to reorganize the screen like the pic below...
Can anyone tell me how to do that? I read all the documentation about blocks/columns, tried some of the config.js that some of you posted, but I can not make it work.
Can I use only the config.js to do that? Or do I also have to edit other files like custom.css?
I am not a programmer... Sorry if I am asking something stupid.....
any basic "template" that I can use to show more or less what I want?
Tks for the help!

- dash.jpg (54.75 KiB) Viewed 730 times
Re: strugling with screen design
Posted: Saturday 28 March 2020 16:25
by Jimster
I'm also not a programmer, but managed to understand it. It's not very difficult.

A screen has width 12. Every column also has width 12.
What you want are 2 columns, I would say the left column width 5 and the right 7.
In the left column you can put your switches, remember the width of your switches in one line can be max 12.
This can be done in custom.js
Re: strugling with screen design
Posted: Saturday 28 March 2020 17:42
by henrybcn
Tks Jimster! Ops.... i was trying to do that in config.js... I will try later on custom.js

Re: strugling with screen design
Posted: Saturday 28 March 2020 17:57
by Lokonli
You can do it in config.js. custom.js is for more advanced use in case you want to customize blocks.
Re: strugling with screen design
Posted: Saturday 28 March 2020 19:03
by henrybcn
Tks so much guys for pointing me out to the right direction! Now I am making progress....
Here is how it looks like:

- dash.jpg (73.8 KiB) Viewed 690 times
And here the config.js:
How can I group my weather sensors in a new blocktitle after the Switches (in the same column 1)?
The IDX for the weather is 2
Any help/suggestion?
Re: strugling with screen design
Posted: Saturday 28 March 2020 19:29
by Alfagek
something like this?
Switches (blocktitle)
switch 1 switch2 switch3
Weather (blocktitle)
weather
Check "your" new config.js i put here
Re: strugling with screen design
Posted: Saturday 28 March 2020 19:41
by henrybcn
fantastic. what a simple solution... Tks so much Alfagek!

Re: strugling with screen design
Posted: Saturday 28 March 2020 20:47
by Alfagek
henrybcn wrote: ↑Saturday 28 March 2020 19:41
fantastic. what a simple solution... Tks so much Alfagek!
Youre Welcome. I also send you a PM

Re: strugling with screen design
Posted: Saturday 28 March 2020 20:48
by Jimster
henrybcn wrote: ↑Saturday 28 March 2020 17:42
Tks Jimster! Ops.... i was trying to do that in config.js... I will try later on custom.js
Oops, I meant config.js
Re: strugling with screen design
Posted: Saturday 28 March 2020 21:06
by henrybcn
Tks Jimster and Alfagek! Now I have the first version completed! I will fine tune over the next days.
Alfagek, I will read your pm tomorrow!
Here is how it looks like and it is really simple. I will post the code tomorrow....

- dash.jpg (137.73 KiB) Viewed 651 times