Page 1 of 2

Responsive Design Built-in - The Improbable Dream?

Posted: Wed Oct 13, 2021 2:43 am
by pmjd
I've seen this mentioned before and know it's a huge amount of work, but thought I'd put it here anyway.

Re: Responsive Design Built-in - The Improbable Dream?

Posted: Thu Oct 14, 2021 8:47 am
by 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?

Re: Responsive Design Built-in - The Improbable Dream?

Posted: Fri Oct 15, 2021 5:39 pm
by 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

Re: Responsive Design Built-in - The Improbable Dream?

Posted: Mon Oct 25, 2021 5:42 pm
by 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

Re: Responsive Design Built-in - The Improbable Dream?

Posted: Fri Nov 12, 2021 3:46 pm
by 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.

Re: Responsive Design Built-in - The Improbable Dream?

Posted: Tue Dec 14, 2021 1:08 am
by pmjd
Would you be looking to keep support for older browsers like IE or drop older browser support and go with current browsers?

Re: Responsive Design Built-in - The Improbable Dream?

Posted: Tue Dec 14, 2021 7:25 am
by kev1n
IE isn't supported anyway and there's and there is actually no specific code to support older browsers.

Re: Responsive Design Built-in - The Improbable Dream?

Posted: Wed Dec 15, 2021 4:24 pm
by 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.

Re: Responsive Design Built-in - The Improbable Dream?

Posted: Thu Jan 06, 2022 1:06 pm
by kev1n
Tailwind CSS also looks interesting. Is anyone using it?

Re: Responsive Design Built-in - The Improbable Dream?

Posted: Thu Jan 06, 2022 5:56 pm
by 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.