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 · Nov 11, 2017

@magi6162 Thank you very much! You should've recieved an email from me with instructions.

TopCun · Nov 14, 2017

ABMaterial is DonationWare.?????? the true is software for sale.

xamminf · Nov 15, 2017

TopCun said:
ABMaterial is DonationWare.?????? the true is software for sale.

Is is possible to delete this stupid message from a New Member TROLL ?

joulongleu,

Perhaps, do you have a framework to give us ? I'm waiting the url download.

LWGShane · Nov 15, 2017

xamminf said:
Is is possible to delete this stupid message from a New Member TROLL ?

You can call me a troll too but he's right:

Commercial Software: Required Purchase
Donationware: Like commercial software except the "purchase" is optional. (Think of it as an unlimited free trial; similar software includes Sublime Text.)

Erel · Nov 15, 2017

As explained in the first post ABMaterial is donationware. You can use it without paying anything. There are benefits for developers who make a donation.

Alain is making huge efforts in the development of this great framework and we should all appreciate it.
For further questions regarding ABMaterial licensing please contact Alain directly.

alwaysbusy · Nov 15, 2017

First, you don't like my library? Perfectly fine for me. Nobody is forcing you to use it. B4X provides you with all kind of great tools and utils to handle CSS/HTML/Javascript and build great webapps.

I have created ABM so everyone can be aided to make webapps for free easily. I only found it quite reasonable to give my donators a (very) small gift for their generousity. But they are little shortcuts that also can be done otherwise:

1. PNG Optimization: https://tinypng.com/
2. gzip: http://www.gzip.org/
3. CDN: This is the first version that uses it, and frankly it is a test for me how it works. Good chance that once the donators found it is stable enough (oh yes, they are my guinea pigs! ) I will be able to open it up for everyone.
4. Extra libraries, well I'm free to give it to anyone I want, no? They aren't part of the ABM library anyway.

Donators get my latest version I working on about a month before anyone else. And that is not always a gift as it sometimes contains new bugs that they report to me. ABM has outgrown anything I have ever worked on for the B4X platform and having a small 'manageable' group that reports bugs back to me is a godsend for me and everyone else. Some of them went beyond duty in assisting me to improve and expand this library a great deal!

You can download the most stable version from post one for free, without any restrictions to use (except exploiting my work by selling it). If I wanted to create a 'commercial' library, don't worry, I would. But I choose not to.

I have always been very clear about this:

From my blog: https://alwaysbusycorner.com/2016/09/28/b4j-future-steps-for-abmaterial/

The philosophy of ABMaterial (and myself) is giving anyone the chance to easily build great WebApps without having to spend any money. One of the reasons I picked B4J was because it is free. Those who can spare something, donate to stimulate my continuation on the project and in so help giving other not so fortunate people an equal chance to grow.

This will be my one and only reply to justify why I do things my way on this topic. As Erel mentioned, all unsatisfied users that feel I've done them great injustice can mail me.

alwaysbusy · Nov 26, 2017

ABMfeedback will be down for a couple of days I just installed a Google Wifi and it has a different range of IP addresses so I will have to make the needed changes for port forwarding and mysql. I'll report back soon...

alwaysbusy · Nov 28, 2017

Ok, got a new url for the feedback app. Looks like, after 10 years having the same 'Dynamic' IP, my ISP decided it was time for a new one. I must say Google Wifis android app is a bit of a mess (clearly they have not discovered B4A yet ). A lot of time it can't even get my device client list and one cannot do port forwarding and UPnP at the same time. Next will be trying to get the feedback.abmaterial.com url working again, but for now you can use this one:

http://81.165.232.103:8080/feedback/

alwaysbusy · Nov 29, 2017

As there was a major issue with ABM running of B4J v6.00, everyone (donator or not) can download the upgrade to 4.03.

See https://www.b4x.com/android/forum/threads/abmaterial-framework-for-webapps.60072/ for the download link.

Or donators can also use the feedback app to download version 4.03.

For anyone upgrading from Chipmunk, it is very important you also read the included Checklist 4.00 pdf file!

MbedAndroid · Nov 29, 2017

B4j 6++? the download B4j site is only B4j 5.9... I''m missing something apperently

alwaysbusy · Nov 29, 2017

Yes, B4J 6.00 BETA is available a couple of days. see https://www.b4x.com/android/forum/threads/b4j-v6-0-beta-is-available-for-download.86553/

MbedAndroid · Nov 29, 2017

working...again great work Alain.
seems to be faster

alwaysbusy · Nov 29, 2017

@MbedAndroid faster compared with what version?

MbedAndroid · Nov 29, 2017

3.75. Looks it loads faster a page, but might be wrong

MbedAndroid · Nov 29, 2017

4.03 loading a certain page 3ms. Same program, same page on secondairy pi with 3.75 4ms

other page on 4.03 :14ms
secondairy Pi, same page with 3.75 16ms

alwaysbusy · Nov 29, 2017

Oh yes! A lot of work was done going from Chipmunk to Dragonfly on caching which makes a big difference. Glad you like it

MbedAndroid · Nov 29, 2017

alwaysbusy said:
Oh yes! A lot of work was done going from Chipmunk to Dragonfly on caching which makes a big difference. Glad you like it

i certainly do.
The reported ms are not loadingtime of a page in the browser but constructingtime of a certain page in the rasp.

MbedAndroid · Nov 29, 2017

question:
I inserted all mod's
found this in the logging:
ABM v4.03 requires Cache System 3.0 (yours: 1.0)
Replaced the CacheControl and CacheScavenger

what's missing?

OliverA · Nov 30, 2017

MbedAndroid said:
what's missing?

A search in the forum? (https://www.b4x.com/android/forum/pages/results/?query=requires+Cache+System+3.0)
Reading of documentation?
Just saying...

alwaysbusy · Nov 30, 2017

@MbedAndroid Please ask questions in a new topic using '[ABMaterial]Your question' in the subject

MbedAndroid said:
ABM v4.03 requires Cache System 3.0 (yours: 1.0)

This would mean that the class 'ABMCacheControl' (exactly that name) is missing. If you do have it in your project, we'll continue the conversation in the new topic.

B4J Library [Web][ABMaterial] Framework for WebApps

Expert

New Member

Member

Well-Known Member

B4X founder

Expert

Expert

Expert

Expert

Well-Known Member

Expert

Well-Known Member

Expert

Well-Known Member

Well-Known Member

Expert

Well-Known Member

Well-Known Member

Expert

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency