B4J Tutorials

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

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

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

So far...

 

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

 

Hi Fam


Download (Source code is in the tutorials folder)

READ THIS FIRST​

In our first example, we introduced you to MySQL CRUD WebApps using SithasoDaisy5. It was a basic...

 

Hi Fam

Demo

Open Source B4xLib...

 

Hi Fam

As it is, I'm working on SithasoDaisy5, the next iteration of SithasoDaisy. I have been wondering if there was a way to load SVG files and then update their properties, like...

 

Hi Fam

I recently ran into TrendChart Elements, looking very impressive.

Here is as simple implementation. You can explore the demos they have for how to create other...