Web Application Framework

peacemaker

Expert
Licensed User
Longtime User
don't like Material Design UI
Outer design of each view is an option, and should be, of course, fully editable. But main in ABMaterial framework is the system, way for B4J users without HTML knowledge. But it's without WISYWIG.
 

aeric

Expert
Licensed User
Longtime User
Another project by @Mashiane is quite interesting.

based on BAnano.

Unfortunately, the project seems abandoned.
 

alwaysbusy

Expert
Licensed User
Longtime User
I don't like Material Design UI in my web app. That is why I don't use ABMaterial.

Edit: Can we change ABMaterial to use BootStrap?
No, ABMaterial is build around the Materialize CSS framework (https://materializecss.com/). It was a choice we made within our company after careful deliberation because it was faster to wrap than Bootstrap and covered all functionality we needed. And with BANano, we can wrap any framework we want (see indeed the above example for Bootstrap 4 someone made). We created internally one from practically scratch (the BANanoSkeleton UI library) because we prioritize speed (as close as possible to a Native App) above all the rest.

BANanoLibraries (can) have a WYSIWYG-like behavior (as it updates the browser live when making changes in the Abstract Designer when pressing save), but requires CSS/JavaScript knowledge to build such a framework wrap library (not very much to use such a library). The library maker can make custom views for every component in the original JavaScript library that can be dragged & dropped in the B4J Abstract Designer. And if it is written right, allows the Live behavior in the browser.

Both frameworks are used together within our company for all our WebApps and have drastically shorted the time to go from design to production. We decided to share both frameworks with the B4J community, but have no need/time to start working on a third one.
 

byz

Active Member
Licensed User
I tested creating a tool website using b4j+htmx. js+uikit, but due to time and effort constraints, I have only completed one feature. I saw that there are already multiple people using HTMX on the forum, which may have reference value for you.
 

aeric

Expert
Licensed User
Longtime User
I tested creating a tool website using b4j+htmx. js+uikit, but due to time and effort constraints, I have only completed one feature. I saw that there are already multiple people using HTMX on the forum, which may have reference value for you.
With HTMX you don't need to use JSON API.
 

Omar Moreno

Member
Licensed User
Longtime User
Have you consider to develop a Web Application?

What would be your dream framework looks like or have the features that save you a lot of time?

Or just ask AI to generate for you?

Hi.
B4X is very good with different frameworks (Materialize CSS, Bootstrap, ...), but It would be excellent if the IDE had Drag and Drop, for example: Gambas

Captura desde 2023-12-18 10-35-39.png



Very fast results...

Captura desde 2023-12-18 10-33-44.png


Thank you
 

amorosik

Expert
Licensed User
Wow, wow wow...
I see it's only for Linux
Is there a way to make it run on Windows machines too?
 

Magma

Expert
Licensed User
Longtime User
ofcourse Gambas it is known... but not so stable (and as amorosik said not for windows at least as i know) and not friendly UI...

I love those drag n drop utils, remember dreamweaver, vb6... rad creation with some words... (clicks)
 

Magma

Expert
Licensed User
Longtime User
but when you try to display on mobile... the screen may not fit right?
...ofcourse there are problems like that... So many times "forms" like this is only one direction or when horizontal goes outside (scrollbar)...

DIVs help but in cases like business forms (there are always probs) - but a web app creation especially for business always have limits...
 

Magma

Expert
Licensed User
Longtime User

aeric

Expert
Licensed User
Longtime User
Yes. The use of Dreamweaver and Visual Studio Web Developer using WebForms are the past.
We need CSS or UI library like Bootstrap or Tailwind that support responsive design and grid control.
 

Magma

Expert
Licensed User
Longtime User
Yes. The use of Dreamweaver and Visual Studio Web Developer using WebForms are the past.
We need CSS or UI library like Bootstrap or Tailwind that support responsive design and grid control.
yes all these can combine with drag n drop but the result is different..
 
Top