B4J Library [Web][ABMaterial] Framework for WebApps

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]

@springer kow should be up and running again. Thank you for letting me know!

 

[springer kow]

It is weird, depend on which telco network. Can’t browse the web page on my Digi Lte 4g network, but on other telco network, the web page works fine. I am in Malaysia. I still can’t browse the demo web page.

 

[alwaysbusy]

1. Which browser are you using?

2. Can you test this url. Maybe it cannot reach the cdn from Malaysia?

https://cdn.jsdelivr.net/gh/RealAlwaysbusy/ABMaterial@v3.81-rc1/css/materialize.3.75.min.css

Also, try reloading with CTRL+F5. Maybe something old is stuck in the cache?

 

[springer kow]

Thank for you prompt reply. Yes, I can read the css file.
I use chrome.
Could you test this url for me:
http://eclass.chonghwa.edu.my:51042/demo/
I want to make sure my router and firewall settings are correct or not.

 

[alwaysbusy]

http://eclass.chonghwa.edu.my:51042/demo/

it loads, but very, very slow (I had to open our firewall, but that is our problem, not a problem with your router or firewall)

As for my prd demo:
In chrome, press F12 to open the console and go to the network tab. Check if there are errors. Also, do not forget to press CTRL+F5 to reload everything.

 

[alwaysbusy]

it loads, but very, very slow

actually, it is only the first time it opens that it is very slow (about 20 seconds). After that, I can go to the other pages of the demo and although not that fast, it is ok.

 

[springer kow]

Thank you very much!
But I still can not browse http://prd.one-two.com:51042/demo/,
Ctrl F5 also get errors. I attach two screenshots for your reference.

 

[mindful]

I can access it just fine. Maybe it has something to do with your browser cache ctrl+f5 might help, otherwise clear the browser cache and go to http://prd.one-two.com:51042/demo/AboutPage/abmaterial-about.html

EDIT: ignore me as i am very tired ... didn't see that there are other messages following my forum alert

 

[Don Oso]

Hi All

i loose my HD ... and i need the PDFjet.jar with compiled method not included in the original open source code. all links now are broken in the original post of jPdfjet

Any one can upload those files ?

Thanks.

 

[alwaysbusy]

i loose my HD

I'm sorry to hear that, never a fun thing. But you probably better ask this question in another topic as ABMaterial does not use jPDFJet.

 

[Don Oso]

I'm sorry to hear that, never a fun thing. But you probably better ask this question in another topic as ABMaterial does not use jPDFJet.

OK thanks !!

 

[Don Oso]

I'm sorry to hear that, never a fun thing. But you probably better ask this question in another topic as ABMaterial does not use jPDFJet.

Yes sad thing loose the laptop disk .. thanks GOD Google Drive !! all my project are backed up ! but not the librarys of B4X ..
if ABmaterial dont use jPDFjet what method can i use?

 

[alwaysbusy]

The release of Dragonfly (formerly called 3.81) is now very near! Traditional with a new major release, I'm working on a new Theme. As winter is coming and days are getting shorter (at least in the northern hemisphere), I'm going for a 'Night' theme this time.

Release is expected somewhere next week.

A sneak peek:

Alwaysbusy

 

[Don Oso]

The release of Dragonfly (formerly called 3.81) is now very near! Traditional with a new major release, I'm working on a new Theme. As winter is coming and days are getting shorter (at least in the northern hemisphere), I'm going for a 'Night' theme this time.

Release is expected somewhere next week.

A sneak peek:
...
Alwaysbusy

Looks spectacular. !!

 

[alwaysbusy]

ABMaterial 3.75 public/4.00 Donators is now released! For the public version see the first post. Donators can download Dragonfly from the feedback app.

NOTE: Read the README.TXT file carefully!

 

[MbedAndroid]

great, runs in 1 time on my rasp.
Also the www3.5to3.75 folder is a improvement!

 

[Don Oso]

Hi all , im migrating my app from abmaterial 2.5 to 3.75 , but after migrate everything following the instructions in the files provided , the navigation bar menu items dont work when i click over it do nothing i also copy the JS directory to my www directory , i think something its missing ... any clue?

Thanks.
Javier.

 

[alwaysbusy]

@Don Oso Please start a new forum thread with '[ABMaterial] your problem' in the subject. There are a number of things we have to check and it is easier for everyone to find it back if they have the same problem.

 

[LWGShane]

I'm working on a new Theme. As winter is coming and days are getting shorter (at least in the northern hemisphere), I'm going for a 'Night' theme this time.

Still a newbie to ABMaterial so question: Will this awesome looking theme be available for us to use in our ABMaterial apps?

 

[alwaysbusy]

@UFOCoder13 of course! It is now available in the 4.00 download (it is in the demo app). It only works in 4.00+ because it uses some new theme features.