B4J Tutorials

[ABMaterial] B4JS - 01 Getting Started

Last edited:

[BANano] (v7) Using Background Workers in your WebApps (introduction)

The next release of BANano will have the possibility to use background workers in your WebApps. It can not be added in a BANanoLibrary, so it must be done in your final project. Background...
 
Last edited:

[Web][SithasoDaisy] Mashy Teaches Mobile WebApp Development

Hi Fam.

NB: PLEASE DO NOT POST QUESTIONS ON THIS THREAD, RATHER START A NEW THREAD WITH YOUR QUESTION

21-May-2024

  • The first beta (tryout) version of SithasoDaisy Wireframes it...
 
Last edited:

[ABMaterial] One Page, Many Uses

TripInspect.png


This example uses one ABM page to handle all tables listed under "Configure App".
In an effort to reduce code size (and maintenance), number of pages and duplicate methods, I am...
 
Last edited:

Medusa Gauges (with inline Java Code)

You can draw up to 25 different Gauges with basically the same B4J code. You need to download Medusa-8.0.jar and add it to your B4J additional library folder.

B4X:
    Public Skin_DigitalSkin...
 

Attachments

  • MedusaGauge.zip
    5.9 KB · Views: 404

Null in relation to assigning database values to variables

I don't know if this counts as a tutorial but it might help someone. Please advise of any errors or omissions and I'll fix them.

Sometimes the value in a field in a resultset will be null.
This...
 
Last edited:

PyScript in your webpage using ABMaterial as an example

Hello.

Today I would like to present how to combine PyScript with B4X. I have taken ABMaterial as an example.
First, let's start what PyScript is. In the simplest way, it is the execution of non...
 

Attachments

  • home.bas
    9.5 KB · Views: 255
  • example.txt
    158 bytes · Views: 246
Last edited:

[BANanoVueMaterial] Exploring Components & Routers Basics

Ola

BVMComponentsRouters.gif


The current methodology of adding pages to the BVM app is throught .AddPage method and we are using the v-show directive to show and hide pages.

So I decided to start on the...
 

[SOLVED][ABMaterial/BANano] BANano Libraries for ABMaterial - ID not found

So...

I wanted to test the new feature of creating BaNano libs to use with ABMaterial...
I basically copied the hover example as it was what I needed for time being, and followed the...
 

Accordion container

accordion.gif


The Accordion container (added in B4J v5.0) is a container similar to TabPane. It holds TitledPanes. These are panes with titles.

Using the accordion is quite simple. Add the...
 

Attachments

  • AccordionExample.zip
    5.1 KB · Views: 1,339

[BANanoWebix] Creating Multi-Page Apps - Part 5

Ola

Download BANanoWebix Things

Copy the 1.Libraries contents to your external b4j libraries folder. The project source code for this lesson is in BANanoWebixMultiPage

Part 5 here closes...
 

[B4XTurtle]L-Systems and The Money Tree

Attachments

  • LSystem.zip
    4.4 KB · Views: 64

[ABMaterial] B4JS - 04 Running Javascript on the server side (mini NodeJS?)

[BANano] SupaBase (FireBase Alternative) User SignUp & SignIn Process

Hi

This is a continuation of this thread.


In this tutorial, we look at user...
 

CausticRaysCircle

Have converted this Processing Github Project to B4J. Very interesting to watch this being drawn in real time. Just B4J default libs required.

Have not used the default Processing PVector...
 

Attachments

  • b4jCausticRaysCircle.zip
    2.6 KB · Views: 73
Last edited:

B4J Sudoku

Just for the fun of it....

Button Create = uses class dlx_generator to create a new puzzle
Button New Puzzle = use a variant of 1 of the 742 puzzles embedded in the code (randomly swapping...
 

Attachments

  • b4jSudoku.zip
    34 KB · Views: 233
Last edited:

SithasoDaisy: PocketBase - Crud WebApp on Java Jetty WebServer with Pocketbase Back-End Hosted on PocketHost.IO

Hi there

I am playing around with BANanoServer. So far so good.

SDSv.jpg


Ceveat: PocketHost.IO is slow compared to hosting PocketBase yourself.

Watch this space.
 

[WebApp] Quiz Example

[ABMaterial] Showcase (one to many table relation)

TripInspect_inspects.png
This example shows a Master (Vehicle ID) - detail (Group ID) - detail (Item id)
The fixed footer controls the Master grid (VEHICLE). Each detail is based on the...
 
Last edited:

Beginning Firebase Database in JavaScript: CRUD-ing around

Hi there...

Anyway, this should not be long. Many moons I was requested to work on a firebase wrap for ABM. Im not there yet, but this should be a start. I'm still getting a hang of it and more...
 

Attachments

  • firebase.txt
    9.1 KB · Views: 416
Last edited:
Top