Web Application Framework

[peacemaker]

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]

If there is ABBootstrap, I may use it.

 

[yiankos1]

If there is ABBootstrap, I may use it.

Should we ask it from @alwaysbusy ? or is he busy as always?

 

[peacemaker]

Should we ask

Hey, who wants to work today? Free, of course

It's just chit-chat...

 

[aeric]

Another project by @Mashiane is quite interesting.

[UOENow] Create beautiful Bootstrap 4 Websites with Now UI Kit+BANano

Download Hi there UOENow is a wrap of the beautiful theme from Creative Tim to create Bootstrap 4 websites. UONow wraps the Now UI kit around BANano for one to create beautiful things with this theme. The attached video is the generation of the theme directly from Creative Tim, done to ensure...

www.b4x.com

based on BAnano.

Unfortunately, the project seems abandoned.

 

[alwaysbusy]

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.

 

[aeric]

If only we have more web developers in this community.

I have interest in many other web technologies. I also struggle on decision which front end framework to use.

Vue is getting more popular.
This project look nice: https://github.com/epicmaxco/vuestic-ui

and Ant Design is also very nice: https://ant.design

 

[aeric]

Meanwhile, in the other multiverse, there is a nightmare framework call React.

 

[byz]

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]

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]

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

Very fast results...

Thank you

 

[amorosik]

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

 

[Magma]

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)

 

[aeric]

but when you try to display on mobile... the screen may not fit right?

 

[Magma]

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]

So those program always must have a "preview" to see it live in a browser and see the result... if you want to be mobile compatible you will use divs and will loose the same style with desktop...

 

[aeric]

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]

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..

 

[aeric]

yes all these can combine with drag n drop but the result is different..

Who knows, B4XDesigner project can help in this area.

 

[Magma]

Who knows, B4XDesigner project can help in this area.

... who knows .... need a lot of work...