B4J Tutorials

Part #1: Get Started

Introduction
This tutorial is based on [Project Template] Pakai Server v4.

Installation

1. Download and put the following files to...

 

You can download the project template from:

[Project Template] EndsMeet Server

Version: 1.10 GitHub: https://github.com/pyhoon/EndsMeet-Server This is a project template for EndsMeet server library. It depends on EndsMeet and MiniHtml* libraries. Note: MiniHtml library can be removed if you want to load html files from asset. More example: EndsMeet ChartJs HTMX

www.b4x.com

Steps:

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

 

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

 

Relates to Project: ClassFromLayout

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

 

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

 

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

 

Hi Fam

Back to these challenges...

How to configure MQTT over WebSockets with Mosquitto | Cedalo

Check out this article to learn how to enable MQTT over WebSockets for the Mosquitto MQTT broker.

cedalo.com

 

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

 

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

 

Still remember MinimaList API Server?

Features:

• It is now based on Pakai Server framework (v4.00) with all the features like JSON and XML support
• MinimaList API Server...

 

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

 

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

 

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

 

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

 

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

 

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

 

Hi Fam

Demo
B4xlib

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

 

Hi Fam

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

Final Web App Screens

Side Drawer

...

 

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

 

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