B4J Library [Web][ABMaterial] Framework for WebApps

alwaysbusy · Nov 5, 2015

TIP: For absolute beginners with ABM, Get started with the Mini Template
TIP: Get started with 'ABMaterial For Dummies' by Harris here! (lessons)
TIP: My mini course on Youtube by MichalK73

ABMaterial is a framework combining a tuned Materialize CSS with the free programming tool B4J. It allows creating WebApps that not only look great thanks to Googles Material Design, but can be programmed with the powerful free tool from Anywhere Software without any knowledge of HTML, CSS or Javascript.

ABMaterial has over 45 themeable controls and some useful helpers.

Components:

ABMActionButton
ABMAudioPlayer (1.08)
ABMBadge
ABMButton
ABMCanvas
ABMCalendar
ABMCard
ABMChart (Plugin support 2.00)
ABMChat (2.50)
ABMCheckbox
ABMChronologyList (2.00)
ABMCombo
ABMCustomControl (1.05)
ABMChip
ABMCodeLabel
ABMDivider
ABMDateTimeScroller (1.06)
ABMDateTimePicker (1.06)
ABMEditor (1.07)
ABMFileInput (1.20+)
ABMGoogleMap
ABMLabel
ABMList
ABMImage
ABMImageSlider
ABMInputField
ABMRadioGroup
ABMPagination (1.04)
ABMPatternLock (1.20+)
ABMPDFViewer (1.08)
ABMPercentSlider (2.50)
ABMPlanner (2.50)
ABMPivotTable (1.08)
ABMRange (1.05)
ABMSignaturePad
ABMTimeLine (1.10, depreciated in 4.00)
ABMSlider (1.05)
ABMSmartWizard (3.00)
ABMSocialShare (1.07)
ABMSocialOAuth
ABMSVGSurface (1.20+)
ABMSwitch
ABMTabs
ABMTreeTable (1.04)
ABMUpload
ABMVideo

Helpers:

ABMContainer
ABMFlexWall (1.10)
ABMGenerator (1.07)
ABMModalSheet
ABMNavigationBar
ABMPage
ABMParallax
ABMSideBar (2.00)
ABMTable
ABMTableMutable (1.20+)

Other:

Firebase Auth (1.20+)
Firebase Storage (1.20+)
Configurable App and Content folders (2.00)
Lorem Ipsum Generator (2.00)
Grid Builder (2.00+)

The Grid Builder:
With the Grid Builder you can build the responsive framework very easy. This has been the most difficult part for beginners to understand. But now with the builder, you have no reason to not use ABMaterial

There is an online demo at http://abmaterial.com
Alternative url: http://prd.one-two.com:51042/demo/

NEW: You can now support BANano and ABMaterial here too: https://www.patreon.com/alwaysbusy

ABMaterial is DonationWare.

Click here

if you like to donate

This means it is free to use, but consider this: it took me already thousands of hours to program ABMaterial, all done in my free time early in the morning and deep into the night. Not only will a donation push me to continue developing ABMaterial , remember, you'll get a warm and fuzzy feeling doing it!

Download version 5.15 - for jServer 4.00 (open source, library only):

ALWAYS TAKE A BACKUP BEFORE USING A NEW VERSION!

ABMaterial 5.15 is now available on github and is open sourced (AS IS)! This version has been in heavy use (development and production) within our company for over a year now without major alterations, so I consider it very stable and ready to be open sourced.

I trust no one here will publish a clone or take credit for my work and I would consider it common courtesy if you find a bug/fix/new feature, you report back to me so I can make the same changes in the official library and everyone can benefit from it.

Github (source + binary release 5.14): https://github.com/RealAlwaysbusy/ABMaterial-Source-jServer4.00

Note: next to downloading the library, you need also to download the accompanying www zip files from the same github (releases) containing the latest javascript/css/font files.

The procedure from Github for 5.15:

1. Download https://github.com/RealAlwaysbusy/A...eleases/download/v5.15/ABMaterial5.15-bin.zip
2. Download https://github.com/RealAlwaysbusy/A...r4.00/releases/download/v5.15-www/www5.15.zip
3. Unzip ABMaterial5.14-bin.zip and copy all .xml and .jar files to you B4J Libraries folder
4. Unzip www5.14.zip
5. In the projects you are working on (e.g. a for Dummies project) delete the following folders in \www

css

font

js

6. Copy from the unzipped www5.12.zip the 3 folder (css/font/js) to the \www folder where you just deleted these 3 folders.

ALTERNATIVE DOWNLOAD: Download the ABMMini project where everything is included (Library, www and a Template project):

[ABMaterial/ABMServer] Mini Template for absolute beginners (update 2024/05/17)

Hi all, Since the lockdown everywhere, a lot of B4X users seem to want to learn ABM to make WebApps in B4J. That is great! :) However, some seem to struggle a lot to get started. I understand, as even opening up the template can be quite overwhelming with those Cache, Root, Page etc classes...

www.b4x.com

Additional Resources:

ABMGridBuilder (with source code): https://github.com/RealAlwaysbusy/A...nload/v4.00-ABMGridBuilder/ABMGridBuilder.zip

Demo source code (for v4.51, not yet updated for 5.15, but still usefull to learn ABM): https://gorgeousapps.com/ABMExtras4.51.zip

I hope you enjoy it as much as I did creating it and I look forward to see the killer apps you will make with ABMaterial!

Also consider BANano if you are planning to write Websites/Apps in B4J!

Alain Bailleul
Alwaysbusy's Corner

alwaysbusy · Feb 22, 2018

@Cableguy not really. Is there something specific in 4.25 you need?

Cableguy · Feb 22, 2018

@alwaysbusy , not really, I'm about to start a new ABM project and wondered if I should wait for a new release.

Harris · Mar 6, 2018

alwaysbusy said:
@Cableguy not really? Is there something specific in 4.25 you need?

new canvas features - snapshot (and of course the new groovy file manager...). I shall need to upload js, font, css to this remote server (mine site) and it is real beotch to get to when of-site (sat internet connection - horribly slow and fragile). Here to March 11/18 - then gone for good (that is IF it ever stops snowing so a jet can land).

Thanks

alwaysbusy · Mar 6, 2018

@Harris I'll see what I can do, but with the new B4JS functionality in 4.25, I hesitate in releasing this version way to early.

Mashiane · Mar 6, 2018

alwaysbusy said:
@Harris I'll see what I can do, but with the new B4JS functionality in 4.25, I hesitate in releasing this version way to early.

Nice. In other news, some of us are still coming to grips with pure ABM and stabilizing WebApps without B4JS and will perhaps take another couple of months/year to B4JS ahead. What if you flavour 4.25, one with B4JS and another without B4JS? #CrazyTalk

Harris · Mar 6, 2018

alwaysbusy said:
@Harris I'll see what I can do, but with the new B4JS functionality in 4.25, I hesitate in releasing this version way to early.

Ok, no prob... Likely needs beta by some before official release...
I should be able to pick new files only from js, font, css (4.25) and upload them - rather than the whole shooting match.

alwaysbusy · Mar 6, 2018

Mashiane said:
you flavour 4.25, one with B4JS

Impossible. B4JS and ABM are interwoven so much once I've taken that road there is no going back. Maintaining one framework is more than enough...

Harris said:
I should be able to pick new files only from js, font, css (4.25) and upload them - rather than the whole shooting match.

Yes, I always try to make a 'Upgrade' folder since a couple of versions for the css/js/font so it should be a minimal upload. Of course, you still need to do the jar.

Johan Hormaza · Mar 7, 2018

What is B4JS?

alwaysbusy · Mar 7, 2018

See https://www.b4x.com/android/forum/threads/abmaterial-b4js-00-introduction.90249/ for a serie of tutorials on B4JS in the upcoming ABMaterial 4.25.

Johan Hormaza · Mar 7, 2018

alwaysbusy said:
See https://www.b4x.com/android/forum/threads/abmaterial-b4js-00-introduction.90249/ for a serie of tutorials on B4JS in the upcoming ABMaterial 4.25.

Thank you!!

ahorro1 · Mar 17, 2018

I have made a donation to your paypal acount to support your extraordinary effort with

ABMATERIAL and B4JS.

So please, can you send me the user and pasword?

Thanks in advance

alwaysbusy · Mar 17, 2018

@ahorro1 Thanks for your support! The mail should be on its way. Note that this is still version 4.03. ABM 4.25 with B4JS is only a couple of days out. Just have to polish out the demos again (and this takes some time)

ahorro1 · Mar 17, 2018

Don´t worry, alwaysbusy.
We are in a hurry too. (my wife is beside me), We are working this weekend in our ISO 9001:2015 certification process. (next monday and tuesday)
So you can imagine how "great" is going to be the next four days.
Thanks again for your real "great" job.

alwaysbusy · Mar 22, 2018

ABMaterial 4.25 Donators is now released! For the current public version (4.03) see https://www.b4x.com/android/forum/threads/abmaterial-framework-for-webapps.60072/.

Donators can download Dragonfly from the feedback app.

NOTE: Read the README.TXT file carefully!

With ABM 4.25 comes the first version of B4JS, a transpiler that can convert B4JS code to pure Javascript! Something I wanted to make for a long time now. I restarted the project instead of building on what I had in 2016 because ABM has matured a lot since then.

Like any 'new' language, we will hit some bumps and limitations in the beginning. B4X wasn't build in one day either

But I'm confident with your feedback, B4JS can grow to be as production ready as ABM is today!

A lot in ABM had to be changed to make B4JS possible. There is always a chance something in ABM will be broken because of those changes. BUT, I will give ABSOLUTE PRIORITY to such cases. I have done extensive tests myself with our own Web Apps and that is why I'm pretty confident to release it to you now.

So, if you want to make the switch to ABM 4.25, make sure you got enought time to test your own apps and report as best as possible in the feedback app! (an example on how to reproduce the problem helps me enormously).
PLEASE DON'T PANIC!!! Report the problem and I'll look into it. Some 'maintenance' releases will then follow quickly.

An introduction and some tutorials can be found https://www.b4x.com/android/forum/threads/abmaterial-b4js-00-introduction.90249/
Also, in the zip there is a B4JS demo demonstration most of the is described in the tutorials.

MichalK73 · Mar 22, 2018

@alwaysbusy I am very impressed with your work. I sent another little Donate for you.

alwaysbusy · Mar 22, 2018

Thank you @MichalK73, much appreciated!

Mashiane · Apr 25, 2018

Hi AB

Not that I don't mind waiting. Do you however have an ETA for the next version?

Thanks.

roberto64 · May 9, 2018

Hi ABM
I would like to make a donation for your work, I downloaded the version of ABM 4.03 to understand how it worked, but I still find it difficult to understand the function, I realized that I had to copy the template folder and rename it with a different name based on my demanding I would like to know if there are any manuals that explain the first approach with ABM.
regards

Johan Hormaza · May 9, 2018

roberto64 said:
Hi ABM
I would like to make a donation for your work, I downloaded the version of ABM 4.03 to understand how it worked, but I still find it difficult to understand the function, I realized that I had to copy the template folder and rename it with a different name based on my demanding I would like to know if there are any manuals that explain the first approach with ABM.
regards

https://www.b4x.com/android/forum/threads/abmaterial-abmaterial-for-dummies-lessons.88346/

alwaysbusy · May 9, 2018

This is indeed the place to start. Maybe I better add this link to the first post

B4J Library [Web][ABMaterial] Framework for WebApps

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Well-Known Member

Expert

Well-Known Member

New Member

Expert

New Member

Expert

Well-Known Member

Expert

Expert

Active Member

Well-Known Member

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency