Layout changes

[rednas]

Hello,

I am currently trying to make a custom theme.
First I want to make the design fluid, but on larger screens the devices are really wide. Is it possible to change the way the devices are shown?
I would like to add the devices all in one div with class row-fluid. And then I would like to change the span4 divs into span3 divs on larger screens for example. Would this be possible without changing the source codes?
In the current design there are always 3 devices added to 1 row and the next devices are added to a different row with <div class="row divider"></div> around every 3 devices.

Thanks in advance.

[pvm]

You can make your own interface with the responsive bootstrap framework. This allows a different number of columns depending on screen resolution

[rednas]

So then I have to add/change the pages which are already in Domoticz?
There is no way to change the current pages where there are always 3 devices on one row?

And the current Domoticz is based on version 2.3 of Bootstrap. The current version is version 3 and version 4 is almost there. Wouldn't it be nice to have this framework in a new version of Domoticz?

[pvm]

Sorry, what I meant is to create your own user interface. I guess the change you want is much smaller

[rednas]

So there are actually 3 options to change the layout?
1. Create a style template with only css
2. Add/edit pages in the views folder
3. Change the complete www folder

I guess I'll go with the second one and keep the original layout for the original pages. So I will add pages to the views folder with my new layout. However, these are removed when a new version of Domoticz is installed, right?

[vwebdevelopment]

Hello,
i think you can use your own interface with the Bootstrap Framework. This could be solved your problem.