Responsive Design Built-in - The Improbable Dream?

[pmjd]

I've seen this mentioned before and know it's a huge amount of work, but thought I'd put it here anyway.

[kev1n]

I think everyone would be happy if nuBuilder was responsive. Making it responsive would mean a rewrite of fundamental code. At the same time, it is important to ensure that it remains compatible with the old layout.
Maybe someone can be found who has time and experience enough to make it happen?

[pmjd]

How does page generation work at the moment? I've been looking through the files and structures to try and better understand it. Is it a case of the parameters being stored in the database and the page structures being constructed via JS/PHP?

Could a framework like BootStrap/Foundation/Bulma be incorporated and gradually introduced to replace parts of nuBuilder?

Another thought, if the base page was responsive but the existing object types are not and left as a legacy type, could there be a new "reponsive" Object type introduced to co-exist?

Hope this makes sense

[Jannie]

Suggestion: Maybe you can start with modifying the new contentbox: Place content-items within the content-div instead separated of the items.
Combined with the new class-option of an object you can easily move a complete contentbox with css if screen is to small for two contentboxes.
E.g. move account information on demo-site to the left on a small screen

[kev1n]

Adding Bootstrap or similar will mess up pretty much everything. Esp. the Browse Form. Unfortunately, I have too little experience with Responsive Designs. Maybe someone can help.

[pmjd]

Would you be looking to keep support for older browsers like IE or drop older browser support and go with current browsers?

[kev1n]

IE isn't supported anyway and there's and there is actually no specific code to support older browsers.

[pmjd]

Well IE was more of an obvious example.

There are a few bits to cater for mozilla and webkit rendering engines in nuBuilder CSS files. Also the bootstrap 4 code that is used for the updater also still supports older browsers like IE.

I was more asking to gauge if there was a particular need to support anything or if you could use more modern approaches like CSS grid instead of flex box for item layout.

[kev1n]

Tailwind CSS also looks interesting. Is anyone using it?

[pmjd]

Not yet, does look good and hoped to find sometime to try integrating it in to nuBuilder.

Would there be a way to assign nuBuilder objects to a parent div? Thinking of it as a way to group objects together and then use tailwind classes to arrange them within the parent div.