New look nuBuilder Forte

[admin]

Pictures of the upcoming update...

n1.JPG (40.89 KiB) Viewed 649 times

n2.JPG (95.86 KiB) Viewed 649 times

n3.JPG (35.05 KiB) Viewed 649 times

4.JPG (79.88 KiB) Viewed 649 times

[kev1n]

Awesome, looking forward to it!

[nochnname]

We have been testing nuBuilder Forte in our office for a couple of days while looking for a low-code solution for a couple of clients and really like the approach nuBuilder takes to create low-code applications easily but be able to add complexity to it using php and Javascript at any time.

The main thing we do miss in the current version is the ability to use a modern UI that displays and scales well on different displays/resolutions and devices (e.g. tablets). E.g. the standard font size is way too small for most use-cases and the interface is not suited for touch. Changing the css file is cumbersome since styles are defined in a lot of places and most of the definitions are in px and not in em or rem to scale easily. On top of that a lot of placing/sizing definitions are done within NuBuilders UI and using px so there is no way to make the UI responsive without ripping right into NuBuilder.

Are there plans to switch to a different way to design the UI? E.g. Bootstrap 4 would be great - this would make it also easier to integrate third-party elements.
Imagine just how great it would be for the list browse and form parts to use existing libraries and be able to switch themes!

[ARWEN]

I'm afraid it takes too much effort to make nuBuilder responsive. It's an open source project and free but, as it seems, there is only one developer.

There were similar queries, with no or without a clear answer from the developer.

Responsive runtime
viewtopic.php?f=19&t=9930&p=19309&hilit=responsive#p19309

Responsive design (bootstrap / bulma etc.)
viewtopic.php?f=19&t=9820&p=18782&hilit=responsive#p18782

[kev1n]

This article might help, to make nuBuilder a little more responsive.

"Today, a website must not look good only on a desktop screen, but also on tablets and smartphones. A website is responsive if it is able to adapt to the screen of the client. Responsive web design is extremely important nowadays and is in fact one technique you need to master as a web developer or web designer.

In this article, I’ll show you how to easily build a responsive site and how to apply responsive design techniques on existing web pages in three easy steps."

Read more: https://catswhocode.com/how-to-make-a-r ... e-website/

E.g. compare the login screen (2nd picture with changes applied from the article)

p1.png (23.93 KiB) Viewed 432 times

p2.png (36.8 KiB) Viewed 432 times