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

Harris · Feb 11, 2016

jcesar said:
Hi

My vps is a linode ubuntu server.
Can I use ABMaterial and B4j webapps ?

I have 2 B4J ABMaterial web apps running on two Ubuntu 12.04 VPS.
Works Freakin FANTASTICO!

DonManfred · Feb 11, 2016

jcesar said:
My vps is a linode ubuntu server.

If it can run jar executables then probably yes...

Just my 2 Cent (Windows-User )

Erel · Feb 11, 2016

B4J servers can run on all linux computers.

Starting from:

and up to:

Instructions: [server] Run a Server on a VPS

DonManfred · Feb 11, 2016

Erel said:
and up to

Is this the B4X Server-Room?

Erel · Feb 11, 2016

Yes (the top one).

alwaysbusy · Feb 11, 2016

@Erel Hahahahaha, love it!

LWGShane · Feb 15, 2016

jcesar said:
Hi

My vps is a linode ubuntu server.
Can I use ABMaterial and B4j webapps ?

As long as you can run Java and open TCP ports, yes.

billyrudi · Feb 15, 2016

Alain how i can change current date in Calendar control by code?

and
why if i use

B4X:

Dim mydate3 As ABMDateTimePicker
    Dim NewDate As Long = DateTime.Now
    mydate3.Initialize(page, "mydate3", ABM.DATETIMEPICKER_TYPE_DATE,  NewDate, "Seleziona la data",  "")

    mydate3.MinimumDate = DateTime.now
    mydate3.CancelText = "Indietro"
    mydate3.PickText = "OK"
    mydate3.TodayText = "Oggi"
    mydate3.Language = "it"
    mydate3.ReturnDateFormat = "DD/MM/YYYY"  
    mydate3.FirstDayOfWeek = 0
    myModal.Content.Cell(1,1).AddComponent(mydate3)

i see time and not only date in result control ?

regards Paolo

alwaysbusy · Feb 15, 2016

@billyrudi

[ABMaterial] Framework for WebApps should solve the date setting problem.

I do not really understand the second part of your question. I see you use DATETIMEPICKER_TYPE_DATE and "DD/MM/YYYY" as ReturnDateFormat, so I would expect only a data control, and only the date will be returned in the result control.

billyrudi · Feb 15, 2016

hi,
this is wath i mean..

alwaysbusy · Feb 15, 2016

Try setting: mydate3.ReturnTimeFormat = ""

billyrudi · Feb 15, 2016

perfect this works.
but i don't undertand how change week or monts in calendar control at runtime...
please help me.

alwaysbusy · Feb 15, 2016

please start a new question in B4J Questions using '[ABMaterial] Your question', because nobody is going to find the answers anymore if everything is in my announcement topic.

Harris · Feb 16, 2016

I wish there was a setting in threads like this (announcements) that would BLOCK new replies and displays a "START A NEW THREAD PREFIXED WITH [ABMATERIAL] for Questions" message...

Between you and Erel, that statement carries little weight and gets pretty old... Unfortunately, Important tid bits like this will never see the light of day again, as you so correctly stated.
I am just as guilty of this - and should know MUCH better.

BARRING SUCH A SETTING, please do not answer any questions posted in the wrong place anymore...(no one benefits). Simply Say - Start a New Post with [ABMATERIAL]... they know the drill !!!!

Thanks and eagerly awaiting next release all in good time...

Erel · Feb 16, 2016

If @alwaysbusy wants I can add such message and lock this thread.

alwaysbusy · Feb 16, 2016

@Erel, cool for me, but could I still change the first post of this topic to do my announcements and change the links to the latest version?

Erel · Feb 16, 2016

I thought that it was possible. Apparently it is not possible.

I will keep the thread open and we will keep on insisting that new questions will be posted in new threads...

alwaysbusy · Feb 16, 2016

I will keep the thread open and we will keep on insisting the new questions will be posted in new threads...

Agreed!

alwaysbusy · Feb 16, 2016

Test to see if my signature has now an extra line mentioning the use of [ABMaterial]...

alwaysbusy · Feb 16, 2016

Mmm, apparently not yet. Maybe I have to give it some time.

B4J Library [Web][ABMaterial] Framework for WebApps

Expert

Expert

B4X founder

Expert

B4X founder

Expert

Well-Known Member

Active Member

Expert

Active Member

Attachments

Expert

Active Member

Expert

Expert

B4X founder

Expert

B4X founder

Expert

Expert

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency