B4J Tutorials

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

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

 

Hi Fam

Well, here it is..

Why?

I need a way to receive MQTT push notifications on my webapp. I didnt want to use Firebase but MQTT. The problem is the B4x Broker does not support...

 

Hi Fam

V7 of BANano came with background workers. I tested this and I was happy recently to actually use them in a solution...

 

Hello everyone,

a proverb says 'when the going gets tough, the tough get going'.

On this direction, up to now I have posted simple demonstrations of what you can do with the WebGL library.
If...

 

Hi Fam

Ensure you create credentials to login to your HiveMQ account.

You get your TSL WebSocket URL which is like..

104bbaaaa07a4293456e659cf91023.s1.eu.hivemq.cloud:8884/mqtt

...

 

Hi all,

this is the second part of WebGL library physics engines demos.

Before compile it, you have to download the Resources1.zip file, rename it to Resources.zip
and put it in the...

 

Hi Fam

The EasyMDE allows one to have a MarkDown Editor within their app. This is based on this GitHub.

One is able to create Markdown documents and save and retrieve them. The nice thing...

 

Hi Fam

I wanted to sign PDF documents in my product. So.. I used the PDF-LIB for this.

1. I designed a screen to enter the signature and initials.

2. The canvas we use...

 

Hi there, it's a pleasure to get this working...

My jFreeTTS is a library that I've just managed to cook for text to speech using the FreeTTS library.

1. Download the FreeTTS...

 

Hi Fam

This has been one of those components that I postponed to do. The creator of MathJS, a javascript library that I have been using for a while, also created a JSON Editor. I decided to...

 

Hi Fam

With SithasoDaisy5, you have the capability to view JSON files as dynamic trees. This is wrapping this Github project.

The code is as simple as feeding the component...