B4J Tutorials

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: 367

[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: 258
  • SI7UploadImage.zip
    217.5 KB · Views: 249

[Web] SithasoIONIC7 - Mastering SwiperJS / Sliders

Hi Family...

Let's master the swiper / slider.

1701702530418.png



 

Attachments

  • SI7Swiper.zip
    13.4 KB · Views: 290

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...
 

[BANano] [VuetifyAD3] Small solutions to development hitches (Tricks and tracks)

At the request of several friends, I opened this Thread which explains some problems encountered when developing with Banano and VuetiiFy.

Obviously I will propose the solutions that I have...
 
Last edited:

[Web] Using PocketBase as a Framework: Lets create a REST API

Ola.

Its amazing with the latest version of PocketBase one can extend it with JavaScript / Go.

So I tested creating some REST API handlers. You can unzip the attached file to your pocketbase...
 

Attachments

  • pb_hooks.zip
    428 bytes · Views: 315

[Web] SithasoIONIC7 Mobile WebApp Development Q & A

Hi there

You have a question about SithasoIONIC7, please hit us up here.

If you have a question on an existing project you are working on, please include a simple small project so that I...
 
Last edited:

B4XPages Video tutorial Series

 

Opus codec for B4J

Tested on Windows 10 and Linux Mint 21 with JDK 11. Should work with later JDK version hopefully.

1. Download file opus-jni-java-1.0.3.jar from GitHub to your B4J Additional Libraries...
 

[BANanoVuetifyAD3] Help me run gmap-cluster and get latlng in events (gmap_CenterChanged, gmap_mousemove, gmap_click)

Dear Mr @Mashiane and all,
i comeback to research BANanoVuetifyAD3 in Google Map subject
I see in VueGmap module has Sub Use:
gmap-cluster no run in Gmap:
Sub Use(vuetify As VuetifyApp)
        'ensure that the...
 
Last edited:

Anyone for a game of ChineseCheckers?

It is from here (a kickstart via B4J). Copy the attached Jar to your B4J additional library folder.
Run the attached B4J project.
You will be playing RED and AI will play BLUE...
 

Attachments

  • jChineseCheckersAI.jar
    15.8 KB · Views: 304
  • b4jChineseCheckersAI.zip
    1.6 KB · Views: 276

[Web][SithasoDaisy] Exploring Web Service Workers aka BANano Background Workers

[BANano] Checking File Existence : (Async Fetch - BANanoFetch Inside BANanoPromise)

Hi

This code is based on a response I got about something else I needed about files, fetch & promise.

Anyway.. The code below will check if a file exists and return true / false. I need the file...
 

[Web][SithasoDaisy] Creating a Product Listing

Hi

By the end of this tutorial, you will be able to create this output.

1697410102441.png


1. We use a grid with 3 columns so that we can have each product.

Code Module is: pgBasicCardsMultiple on...
 

[Web] PocketBase - deploying your SQLite WebServer back-end on Railway.app

Hi

One is able to host Pocketbase on Railway.app. This deployment is based on Docker Image. You need a GitHub account.

1. Create an account on Railway.app and link to your Github.
2. Click...
 

SQLite or MySQL database

  1. For any project where a database is required - it's very important to have possibility to see the database data, to debug the app.
  2. If the app is used on a remote server host, and...
 

Attachments

  • php_scripts.zip
    308.6 KB · Views: 353
Last edited:

BomberOco game source (incomplete)

Hi all.
I found this example in some old folders on my pc and decided to share here.
it is a simple Bomberman example game logic.

this example load a map based on txt file

jailson.jpg
...
 
Last edited:

B4xTable: Property Bag Use Case

Hi

I am attempting to use a B4xTable as a property bag. I found B4xTable Inline Editing fit for this as i can set and get any component. You can use that as reference.

The magic is keeping which...
 

https://github.com/knowm/XChart

Wanted to see what is in the demo's of this Github Project. Have compiled the library and demo code into a single jar (JHSxChart.jar). Download and copy JHSxChart.jar to your B4J...
 

Attachments

  • XChart_64_64.png
    XChart_64_64.png
    2.9 KB · Views: 402
  • JHSxChart.jar
    467.1 KB · Views: 416
  • b4jXchart.zip
    3.9 KB · Views: 405
Top