B4J Tutorials

[Web] EndsMeet Server (Getting Started)

You can download the project template from:

Steps:
  1. Just drop the template into B4J additional...
 

37 extremely simple Turtle pattern examples

Hello all,
In the past I wanted to learn the basics about Turtle which is also great learning aid for getting kids into programming, they learn Turtle in secondary schools here in the UK (my...
 

Attachments

  • Turtle collection.zip
    6.5 KB · Views: 23

[ClassFromLayout] Why provide a Map interface for data in ClassFromLayout?

Relates to Project: ClassFromLayout

1751709999614.png

It may seem a little over the top to provide a map interface to set and get data from a class using a map, but there are several good...
 
Last edited:

The precious JxBrowser imported to B4J

JxBrowser is a powerful Chromium based browser.
Features:
  • it displays modern web pages built with the latest web standards
  • it calls Java code from JavaScript and vice versa.
  • it...
 

[B4X] Using/running B4A and/or B4J on 64 bit Linux Mint 20.2 Cinnamon with 64 bit Wine

*** Contents ***
Intro
Acknowledgements
Disclaimer
Environment
Conventions used in this post
Making it work
Compiling and running your programs
A semi-automated way to get your B4J UI...
 

Attachments

  • linuxify screenshot.PNG
    linuxify screenshot.PNG
    21.1 KB · Views: 965
  • linuxify screenshot.PNG
    linuxify screenshot.PNG
    21.1 KB · Views: 885
  • CopyFilesForLinuxify.zip
    3.1 KB · Views: 874
  • Linuxify.zip
    26.3 KB · Views: 857
Last edited:

MQTT: Mosquito over websockets

[Server] Pakai example (backend only)

This is an example project generated from Pakai framework project template without frontend.
Hence the project is smaller to start with.
You can then use other tools like Curl...
 

Attachments

  • Backend.zip
    13.4 KB · Views: 147
Last edited:

[Web] PHP-CRUD-API Dynamic Database Connectivity at RunTime

Hi Fam

With just a few tweaks, one is able to use the php-crud-api to access different databases at runtime. I have updated the api.php file to use HEADERS to ensure that this happens.

One...
 

Attachments

  • api.zip
    70.2 KB · Views: 143

[Example] Updated MinimaList API Server

Still remember MinimaList API Server?

Features:
  • It is now based on to Pakai with all the features like JSON and XML support
  • MinimaList API Server uses MinimaListUtils...
 

Attachments

  • Minimalist400b8.zip
    434.9 KB · Views: 138

[PyBridge] Accessing MTP devices

1748524625255.png


MTP - Media Transfer Protocol, is an important protocol that wasn't accessible from B4J...
 

Attachments

  • mtp.zip
    238.1 KB · Views: 146
  • MTPExample.zip
    5.8 KB · Views: 141

[Web] [SithasoDaisy5] Using LeafLet Maps

Hi Fam

The next update of SithasoDaisy will have Leaflet Maps. These will be available via the abstract designer...

1748183185280.png


One will be able to trap both map and marker events...

So far...
 

[Web][SithasoDaisy5] Creating Charts with ToastUICharts

Hi Fam

SithasoDaisy5 now has ToastUI Charts. This is a current feature of version 2.

We will look into...

  • Area Charts
  • Bar Chart
  • Line Chart

And more...
 
Last edited:

[Web] [SithasoDaisy5] Using the Office Ribbon Component in your projects.

Hi Fam

I've found this amazing Office Ribbon component from Syncfusion... been exploring how to add it in an easy fashion to SithasoDaisy5. Fortunately one is able just to select the components...
 
Last edited:

[Web] Unit Testing a JavaScript Web Component with Github Copilot and NodeJS

Hi Fam

Source Code

Well I have been creating a treeview component for DaisyUI from scratch using Github Copilot. So far this is the final code. This component did not exist and I need it...
 

[Web][SithasoDaisy5] Exploring the SDUI5TreeView

Hi Fam

Demo

DaisyUI TreeView is a customizable tree view component that supports features like drag-and-drop, inline editing, multi-selection, and dynamic node management. It allows...
 

[Web][SithasoDaisy5] IMPORTANT: V5.36+ Why you should not Merge CC & JS when using these Components

Hi Fam

NB: Loading CSS & JS files ONLY when needed

With BANano.LoadAssets, one is able to load CSS and JS files on demand, i.e. when they are needed. There are some components that are not...
 
Last edited:

[BANanoClippy] - 🎬 Bringing Classic Microsoft Agent Characters to Life with JavaScript! 🧙‍♂️🐵📎

Hi Fam

Demo
B4xlib

1746115992509.png



Recently we released BANanoClippy, A web based version of Microsoft Agent characters to use in your web app. For those who dont know, let me refresh...
 

[Web] Excel to WebApp - Creating a Collectibles Tracker with SithasoDaisy5 - Part 2

Hi Fam

Download from Github (02. Tutorials/Projects/Collectables)

Final Web App Screens

Side Drawer

1745899705136.png


1745899583570.png

1745899742875.png

1745899620950.png

1745899778120.png
...
 
Last edited:

[SithasoDaisy5] - Create a WebApp From An Excel Spreadsheet / A Database - Part 1

Hi Fam...

Let's say you have an excel sheet / a database that you want to convert to a WebApp, how can you do it?

SithasoDaisy5 has a basic, simple app builder that can help you create a table...
 
Last edited:

[Web] SithasoDaisy5 - Creating a SpeedDial using the Popover API (Toast + Button + Menu)

Hi Fam

Browsers now are able to use the popover api. You can read more about it from here. There is no speed dial / FAB component in DaisyUI, so I thought why not create it as an example...
 
Top