B4J Tutorials

[Web][SithasoIONIC7] Adding RTL (Right to Left) Support for your apps

Hi Fam

Let's add RTL (Right to Left) support for our app, so that is looks like this.

SithasoIONIC7RTL.png


In pgInitialize

B4X:
Sub Initialize
    'initialize the app, show ios mode...
 

Modular Multiplication on a Circle

B4J Project attached. No other libs other than the default B4J libs required (can probably be easily converted to B4A and B4I as it only draws on a standard B4J canvas)

The code is simple and the...
 

Attachments

  • b4jMathModularCircle.zip
    2.3 KB · Views: 304
Last edited:

Tusi Couple

A nice Optical illusion when running the B4J project - the small yellow balls all move just in a straight line.

B4J Project attached
Jar and XML for CanvasExt by @klaus attached - copy them...
 

Attachments

  • jCanvasExt.jar
    5.1 KB · Views: 307
  • jCanvasExt.xml
    35.5 KB · Views: 281
  • b4jTusiCouple.zip
    2.3 KB · Views: 299
Last edited:

[Web] Php-Wasm - this should be interesting...

Athom Pre-Flashed TASMOTA Infrared Remote Controller with B4X (Home Automation)

Attachments

  • AthomTasmota.zip
    4.6 KB · Views: 437

Anyone for a game of Snooker

Have compiled this Github project into a Jar so that it can be kick started from within B4J. Made some minor changes to the original code to that the /res folder could be embedded...
 

Attachments

  • b4jSnooker.zip
    2.2 KB · Views: 298
  • jSnooker.jar
    392.8 KB · Views: 308
Last edited:

Colliding Balls

Converted this Github project to B4J - it is like watching snooker. A bit of physics in it to detect collisions and then change speed/direction

B4J sample project attached
Also...
 

Attachments

  • jCanvasExt.jar
    5.1 KB · Views: 298
  • jCanvasExt.xml
    35.5 KB · Views: 330
  • b4jBallCollision.zip
    4.1 KB · Views: 297

[Web][SithasoGunDB] - SEA: Security, Encryption & Authorization using IndexedDB Back-End

Hi Fam

Demo on Vercel

Today we look at how we can perform user authentication using GunDB. GunDB uses localstorage / indexedDb / file / and other databases as back-ends through various...
 
Last edited:

Bouncing Balls

Enjoy!

1704632276886.png


Comment/uncomment the code in class Ball(move) and see gravity, friction, damping changing the behavior of the balls.

Comment/Uncomment:
Public Sub move
  
'    Dim damp As Double = 0.99...
 

Attachments

  • b4jBouncingBalls.zip
    2.7 KB · Views: 353

B4XTable - B4XLocalizator

Attachments

  • B4XTableB4XLocalizator.zip
    13.6 KB · Views: 334
Last edited:

Drawing "Waves"with Epicycles

Have converted this Github project to B4J. Sure you will figure it out:
1. Select from the ComboBox to draw Square/Triangle
2. Move the Slider to increase/decrease the number of...
 

Attachments

  • b4jFourier2.zip
    5.4 KB · Views: 299
  • jCanvasExt.jar
    5.1 KB · Views: 285
  • jCanvasExt.xml
    35.5 KB · Views: 291

[B4X] FirebaseFirestore - Customer Support Chat Demo

Here is a customer support chat demo of FirebaseFirestore for B4J
  • It listens to
    1. Chats
    2. Chat
    3. Products
    4. Sales
    5. Customers


You can further add...
 

Attachments

  • Project.zip
    66.9 KB · Views: 398

[Web] [Talk] IndexedDB that syncs to a REST API.

Discrete-Fourier-transform-visualization

It is a shortcut wrap for this Github project. Will convert it to B4J when I have some time to do so.

Attached:
1. The jar - copy it to your B4J additional libs folder
2. the B4J...
 

Attachments

  • jFourier.jar
    165.8 KB · Views: 293
  • 1.png
    1.png
    62.5 KB · Views: 338
  • 2.png
    2.png
    78 KB · Views: 324
  • b4jFourier.zip
    394.9 KB · Views: 302
Last edited:

[Web] SithasoIONIC7 - Let's create a Sticky Notes Mobile App using LocalStorage

Hi there fam.

Demo

Let's wireframe and create a Sticky Notes Mobile App.

1. One should be able to create and save sticky notes.
2. The sticky notes should be color coded. We use a FAB...
 
Last edited:

HTMX + TailwindCSS + Freemarker

Hey there!
Attached you will find an example on how to use these technologies with our beloved B4x.

Find here the Freemarker library...
 

Attachments

  • htmx.zip
    61.4 KB · Views: 407

[Web] SithasoIONIC7 - Mastering File Input

Hi Family

Here we use a hidden file input, to select an image and display it. On mobile this activates the camera.

1701707747416.png
 

Attachments

  • fileinput.zip
    2.9 KB · Views: 284
  • SI7UploadImage.zip
    217.5 KB · Views: 285

[Web] SithasoIONIC7 - Mastering SwiperJS / Sliders

Hi Family...

Let's master the swiper / slider.

1701702530418.png



 

Attachments

  • SI7Swiper.zip
    13.4 KB · Views: 318

JavaFX 3D spinning Earth and Galaxy

Change it to your liking - download it from here:

Main Code:
#Region Project Attributes
    #MainFormWidth: 600
    #MainFormHeight: 600
#End Region...
 

[BANano][8.19+] Special commands for inline JavaScript

In BANano 8.19+, there are some special commands that make it easier to integrate JavaScript code into your WebApp. Previously all this was (is still) possible with .RunMethod and .Get/SetField...
 
Top