B4J Tutorials

[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




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






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

[SithasoDaisy5] Creating your 2nd MySQL CRUD WebApp using REST API With API-Key (Php) - FamilyTree

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...
 
Last edited:

[Web] Beginning WebApp/WebSite Development with SithasoDaisy5

Hi Fam

Demo

Open Source B4xLib...
 
Last edited:

[Web] Plug 'n Play external SVG loader

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

[BANano] Quick and East TrendCharts

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

[Web][BANanoMQTT] Send, Receive Push Notifications in your Local Mosquito Broker in your WebApp.

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...
 
Last edited:

[BANano] Lessons I learned from building a Background Worker in a BANanoServer Project

Hi Fam

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

WebGL library, working with static and animated models

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

Attachments

  • FullDemoScene.zip
    12.8 KB · Views: 48
  • Immagine 2025-04-08 125643.jpg
    334.5 KB · Views: 70
  • Immagine 2025-04-08 130405.jpg
    362.3 KB · Views: 65
  • Immagine 2025-04-08 131350.jpg
    96.7 KB · Views: 66
  • Immagine 2025-04-08 131644.jpg
    300.9 KB · Views: 61
  • Immagine 2025-04-08 132025.jpg
    221.8 KB · Views: 61
  • Immagine 2025-04-08 132333.jpg
    262 KB · Views: 64
  • Immagine 2025-04-08 133017.jpg
    471.4 KB · Views: 64
  • Immagine 2025-04-08 133207.jpg
    210.9 KB · Views: 62
  • Immagine 2025-04-08 133448.jpg
    277.1 KB · Views: 52
  • Immagine 2025-04-08 133700.jpg
    268 KB · Views: 61
  • Immagine 2025-04-08 133855.jpg
    338.7 KB · Views: 64
Last edited:

[BANano] BANanoMQTT with HiveMQ Cloud

Hi Fam

Ensure you create credentials to login to your HiveMQ account.

You get your TSL WebSocket URL which is like..

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

WebGL library, working with physics engines - Part 2

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

Attachments

  • jWebGL_Physics_Engines_2.zip
    10.3 KB · Views: 62
Last edited:

[SithasoDaisy5] Easy Mark Down Editor & Viewer

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

[BANano] How to Edit / Sign existing PDF Documents?

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...
 
Last edited:

jFreeTTS Text2Speech Library

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

Attachments

  • jFreeTTS.zip
    20.8 KB · Views: 1,154
  • Mbrola.png
    6.1 KB · Views: 923
Last edited: