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

techknight · Dec 14, 2016

ABM uses websockets that link back to the running program, thats why I thought ABM would work.

Basically I am trying to make a scorekeeper and stats webapp. I have regular apps that do the same thing, but they are limited to android/ios. Making it a webapp, it makes it compatible with all devices. The reason I need the websockets, is the scorekeeping code and clock runs in the background and updates the controls when you push the up, down, start clock ,stop clock etc buttons. And since its going to run on a Raspberry Pi, it will display the game in real-time on my LED LCD monitor.

alwaysbusy · Dec 19, 2016

The mail for ABMaterial 2.20 Release for the donators has been send. Please mail me if you did not receive this email.

This update contains an important new tool, the ABMGridBuilder.

A demonstration can be seen here:

amminf · Dec 19, 2016

Ooooh ! Impressive !!

Impressive export option and import option !

A new great step in ABMaterial's live.

Congrats.

Thank you very much.

Merry Christmas.

stanmiller · Dec 20, 2016

@alwaysbusy

This looks good! Nice seasonal colors too. This really helps to visualize the grid layout for the three form factors.

Here's how our calculator grid looks in the builder. The calculator is positioned in the first column on all form factors.

And as seen in the browser.

Well done!

tufanv · Dec 20, 2016

alwaysbusy said:
The mail for ABMaterial 2.20 Release for the donators has been send. Please mail me if you did not receive this email.

This update contains an important new tool, the ABMGridBuilder.

A demonstration can be seen here:

congrats for the great work ! Will you be able to update the demo or documentation to use the grid designer for starters ?

Philip Chatzigeorgiadis · Dec 20, 2016

A long overdue - albeit small - donation.
Alain, thank you for this great tool and the help you are constantly providing!

andyr00d · Jan 9, 2017

Hi - Just tested out the 'extra' ABExchange lib to send mail using Exchange Web Services and it works great! Is there a B4A version of this? Or some way to make it work with B4A? Would be really useful if I could do that (SMTP function doesn't work for me)

alwaysbusy · Jan 9, 2017

@andyr00d Have you tried to use it in B4A? Else, mail me and I can send you the source code so you can check it out yourself.

andyr00d · Jan 10, 2017

alwaysbusy said:
@andyr00d Have you tried to use it in B4A? Else, mail me and I can send you the source code so you can check it out yourself.

I did try to run it in B4A and the compiler (not log) threw a very long error message... I don't have it on me now but can post it if you want. I've sent you a email for the code, I am very interested

Mashiane · Jan 12, 2017

Hi @alwaysbusy , do you have any plans of adding googles push notifications to ABMaterial? I have just seen this, could be interesting... https://codelabs.developers.google.com/codelabs/push-notifications/index.html?index=../../index#0

mindful · Jan 12, 2017

@Mashiane you could use https://nickersoft.github.io/push.js/ as it's easy to use and works with most modern browsers ... or maybe @alwaysbusy has a surprise for us in the upcoming versions and we will be using ABMPush

alwaysbusy · Jan 13, 2017

There is a feedback request for Firebase Messaging which I will look into as his has been introduced for webapps recently.

amminf · Jan 13, 2017

ABMFeedback is down.

alwaysbusy · Jan 13, 2017

Should be up again. Second time I had a power surge this week that corrupted my sql server, hope it doesn't happen again

alwaysbusy · Jan 15, 2017

feedback will be down for a couple of days. I have reason to suspect my server has been hacked (on restart I can do everything for a couple of minutes, and then I loose all my permissions ) so I'm going to do a complete reinstallation of ubuntu.

alwaysbusy · Jan 19, 2017

Took some time to figure out it was my disk that was corrupted (4 installs ) but feedback should be available again!

aidymp · Jan 23, 2017

Sorry i dont see anything about the recommended donation?

Thanks

Aidy

alwaysbusy · Jan 23, 2017

@aidymp There is no 'fixed' amount. Just donate something you think it is worth for you. Some people give a small amount a couple of times a year to 'encourage' me to continue working on ABMaterial, others use it commercially and see its potential and donate a larger sum.

It is important YOU feel comfortable with what you donate. I'm happy with anything

aidymp · Jan 23, 2017

alwaysbusy said:
@aidymp There is no 'fixed' amount. Just donate something you think it is worth for you. Some people give a small amount a couple of times a year to 'encourage' me to continue working on ABMaterial, others use it commercially and see its potential and donate a larger sum.

It is important YOU feel comfortable with what you donate. I'm happy with anything

Thanks, I think its all above me, but i would like to try, and as a few people know i'm easily confused lol so I wanted the latest version to play with so I don't get confused with the differences in the 1.22 and latest release (i haven't even run the demo yet) but I have a VPS!)

Has a lot changed or is it the same?

Thanks

Aidy

alwaysbusy · Jan 23, 2017

aidymp said:
Has a lot changed or is it the same?

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.

B4J Library [Web][ABMaterial] Framework for WebApps

Well-Known Member

Expert

Active Member

Active Member

Expert

Active Member

Member

Expert

Member

Expert

Active Member

Expert

Active Member

Expert

Expert

Expert

Well-Known Member

Expert

Well-Known Member

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency