strugling with screen design

[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 725 times

[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

[henrybcn]

Tks Jimster! Ops.... i was trying to do that in config.js... I will try later on custom.js

[Lokonli]

You can do it in config.js. custom.js is for more advanced use in case you want to customize blocks.

[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 685 times

And here the config.js:

config.js

(834 Bytes) Downloaded 44 times

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?

[Alfagek]

something like this?

Switches (blocktitle)
switch 1 switch2 switch3
Weather (blocktitle)
weather

Check "your" new config.js i put here

[henrybcn]

fantastic. what a simple solution... Tks so much Alfagek!

[Alfagek]

fantastic. what a simple solution... Tks so much Alfagek!

Youre Welcome. I also send you a PM

[Jimster]

Tks Jimster! Ops.... i was trying to do that in config.js... I will try later on custom.js

Oops, I meant config.js

[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 646 times