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

aidymp · Jan 23, 2017

alwaysbusy said:
Yes. The last months, some forum members and me have worked very hard to solve the 'connection lost' problem. But this also meant in ABMaterial, stuff had to be programmed differently by you, the programmer. Events have gone, others added (e.g. the whole page_ready event part is gone). Normally, in the next couple of weeks the new donator version 2.50 will be ready, and I will be able to release the free 2.20 version then also. So it depends on your patience

Anyway, it dees not hurt to play with 1.22, just don't start a new 'real' project with it.

patience! major changes! donated! XXXXXXXXXXXXXXXXX304W

Thanks

Aidy

alwaysbusy · Jan 23, 2017

@aidymp I've sent you the mails. Thank you!

Harris · Jan 25, 2017

aidymp said:
patience! major changes! donated! XXXXXXXXXXXXXXXXX304W

Thanks

Aidy

As a card carrying member of this team, we (sorry I) expect you carry out the following:
1. Enjoy! ABM is feature rich and simple to deploy. When you discover new things:
2. Please! Enlighten us with your discoveries. We all love to learn.

Thanks

jackywuqiang · Jan 29, 2017

alwaysbusy said:
@aidymp I've sent you the mails. Thank you!

donated! XXXXXXXXXXXXXXXXX114G
Thanks
jacky

alwaysbusy · Jan 29, 2017

@jackywuqiang I've sent you the mails. Thank you!

alwaysbusy · Feb 5, 2017

It has been a while since I've been able to release a new update for the free version of ABMaterial, but here it is: 2.20 Public Release. This update contains an important new tool, the ABMGridBuilder!

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

NOTE: Read the included documents carefully!

Donators: the mail for version 2.50 has been sent too

MichalK73 · Feb 5, 2017

In DEMO and Chat I have error. ABAplication line number 186 and 146 srvr.AddBackgroundWorker("ABMCacheScavenger") "unknown member:AddBackgroundWorker". new Libraries copied to libraries.
Any ideas?

Edit: I disabled line 146 and 186 and work. Good?

mindful · Feb 5, 2017

MichalK73 said:
In DEMO and Chat I have error. ABAplication line number 186 and 146 srvr.AddBackgroundWorker("ABMCacheScavenger") "unknown member:AddBackgroundWorker". new Libraries copied to libraries.
Any ideas?

Edit: I disabled line 146 and 186 and work. Good?

You need to use jServer library version 2.70

MichalK73 · Feb 5, 2017

Ok I update jServer to 2.75 and now working fine.

Philip Chatzigeorgiadis · Feb 7, 2017

MichalK73 said:
Ok I update jServer to 2.75 and now working fine.

Hello.
I seem to have the same problem.
Could you please point to where you found the 2.75 server library?

Thanks.

Erel · Feb 7, 2017

See the third search results: https://www.b4x.com/android/forum/pages/results/?query=jserver+2.75

Philip Chatzigeorgiadis · Feb 7, 2017

Erel said:
See the third search results: https://www.b4x.com/android/forum/pages/results/?query=jserver 2.75

Thank you, Erel.

amminf · Feb 7, 2017

ABM 2.50: A new big step in ABMaterial life.

Grid Builder, ABMChat, ABMPlanner, etc, etc ...

And ABMGridTable is yet to come ....

Congratulations and many thanks for your work.

PD. Today I made my second donation to AB for his enormous work

alwaysbusy · Feb 15, 2017

The mail for Maintenance Update for ABMaterial (2.51) has been sent to the donators.

orynkanov · Mar 2, 2017

alwaysbusy · Mar 2, 2017

@orynkanov I've never done this. You better make a new topic question in the forum, as it it not directly related to ABMaterial, but to all B4J WebApps. And then there is a better chance you get an answer.

alwaysbusy · Mar 3, 2017

Announcement: Next week, ABMaterial 3 "Chipmunk" will be released (and 2.51 "Butterfly" public too of course with the Google Analytics fix).

From now on, every major version will have a codename. Those names were already used internally by me and are animal names, matching the versions position in the alphabet. (FYI, version 1.x was "Albatros"). For version 4.0, I'll let you decide what it is called

For the occasion, I gave the demo app a new Theme, which made it possible for me to test (and fix) some Theme issues. By default, ABMaterial still uses the light-blue theme.

So have a look at http://abmaterial.com (or http://prd.one-two.com:51042/demo)

Toley · Mar 3, 2017

alwaysbusy said:
For version 4.0, I'll let you decide what it is called

I'll vote for Dinosaur...

Philip Chatzigeorgiadis · Mar 6, 2017

alwaysbusy said:
For version 4.0, I'll let you decide what it is called

Some suggestions for Version 4 names: Dolphin, Dingo, Dragonfly.

alwaysbusy · Mar 6, 2017

Philip Chatzigeorgiadis said:
Dragonfly

I like that one!

B4J Library [Web][ABMaterial] Framework for WebApps

Well-Known Member

Expert

Expert

New Member

Expert

Expert

Well-Known Member

Active Member

Well-Known Member

Active Member

B4X founder

Active Member

Active Member

Expert

Member

Expert

Expert

Active Member

Active Member

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency