B4J Tutorials

[Web][SithasoDaisy] Mashy Teaches Mobile WebApp Development

Hi Fam.

NB: PLEASE DO NOT POST QUESTIONS ON THIS THREAD, RATHER START A NEW THREAD WITH YOUR QUESTION

First, think Abstract Designer.

The same steps indicated here are the...
 
Last edited:

[ABMaterial/ABMServer] Mini Template for absolute beginners (update 2024/05/17)

Hi all,

Since the lockdown everywhere, a lot of B4X users seem to want to learn ABM to make WebApps in B4J. That is great! :)

However, some seem to struggle a lot to get started. I understand...
 

Attachments

  • 1588503676773.png
    1588503676773.png
    8.3 KB · Views: 4,278
  • 1588532671395.png
    1588532671395.png
    15 KB · Views: 4,218
Last edited:

Run B4J java and javafx UI Applications on Linux ARM32 & ARM64 Computers

To run a B4J console or GUI Application on any 32-bit or 64-bit ARM computer, follow these steps:

Have tested it on Raspberry Pi 4 and Orange Pi Zero 3, running Ubuntu 21.04 and 22.04...
 
Last edited:

[BANano] SupaBase (FireBase Alternative) crud example with SSE

Hi

Supabase is an open source Firebase alternative. It provides all the backend services you need to build a product. Supabase uses Postgres database with real-time capabilities. Basically...
 

Attachments

  • SDUISupaBase.zip
    3.5 KB · Views: 223
Last edited:

[Web][SithasoDaisy] Mastering the SDUIDragTabs Component i.e. Draggable Tabs

Hi Fam

This component helps with scrolling tabs which are clickable, more like the YouTube draggable tabs.

SDDragTabs.gif


When the page is shown, we build up the page

B4X:
'sub to show the page...
 

[Web][SithasoDaisy] Deciding on Shared Hosting vs VPS Hosting - The Vehicle Expense Tracker WebApp Use Case (PocketBase & MySQL)

Hi Fam.

Demo

It is with pleasure to release an updated Vehicle Expense Tracking WebApp (PocketBase) and also a new version using Secure Api Key MySQL REST API.

When developing...
 
Last edited:

[Web][SithasoDaisy] Deciding on Shared Hosting vs VPS Hosting - The Vehicle Expense Tracker WebApp Use Case (PocketBase & MySQL)

Hi Fam.

Demo

It is with pleasure to release an updated Vehicle Expense Tracking WebApp (PocketBase) and also a new version using Secure Api Key MySQL REST API.

When developing...
 

[Web] Creating Secure MySQL REST API based WebApps using Api Keys on top of HTTPS

Hi Fam.

This tutorial is based on the api.php project, originally posted in the forum on September 9, 2022. See the Related Content section below.

This time around we are looking at how we...
 
Last edited:

[Web] Web API Tutorial - Getting Started

Last edited:

ABMaterial - "Add to Home Screen" functionality - principally for Android Chrome and iOS Safari

PREAMBLE

This probably doss not rank as a tutorial but then it is not a question either - so tutorial it is.

The following is the result of my attempt to get my head around the...
 
Last edited:

[BANanoVuetifyAD3] Create Professional Looking Vuetify WebSites & WebApps with BANano

Ola

**************************************************
Feb 2024: BVAD3 RoadMap

...
 
Last edited:

[Web][SithasoDaisy] Mastering the Team Grid Component

Hi Fam

Let's look at the Team Grid component that's coming to SithasoDaisy 2.24+

A team grid can be used as an alternative to the table listing or a complement to the table listing...
 
Last edited:

[Web] SithasoDaisy WebApps $5 Subscriber Projects as at 23 April 2024

Hi Fam

The list of apps as at 23 April 2024 for the $5 subscribers is the following. Please check against your downloads and DM me if you have something missing / lack access.

The purpose of...
 
Last edited:

SithasoDaisy TailwindCSS UI Toolkit: Q & A

Hi there

NB: Where possible, please include a simple project that demonstrates your use case.

Do you have any questions about SithasoDaisy UI Toolkit?

You can shoot it here...
 
Last edited:

Finally: Convert cURL commands to JavaScript Fetch

Found it...


Happy coding!
 

[Web][SithasoDaisy] PocketBase - Configuring & Adding Google Authentication to your Apps

Hi Fam

Step 1

1. Create client id and client secret. On the Google API, select "Credentials" > Create Credentials > OAuth Client ID

Follow these instructions here from the google api...
 

[Web][SithasoDaisy] The eye opening truth about the FlatPickr Date / Time Picker

Hi Fam

Key: Let's keep it simple.

NB: If you choose to use a display format, the date picker INTERNALLY creates 2 inputs, one for the actual value and one for the display value. This is done...
 

Attachments

  • 1710945979134.png
    1710945979134.png
    18.3 KB · Views: 71
Last edited:

[Web][SithasoDaisy] Table Row Column Conditional Colors

Hi Fam

Conditional table row column coloring is a process of changing the color of a row column in a table based on a condition.

Currently one is able to set a row column background color (of...
 

Attachments

  • SDTableRowColumnConditionalColors.zip
    13.9 KB · Views: 64

[Web][SithasoDaisy] Table Row Conditional Colors

Hi Fam

Conditional table row coloring is a process of changing the color of a row in a table based on a condition.

Currently one is able to set a row background color (of the visible rows) and...
 

Attachments

  • SDTableRowConditionalColors.zip
    12.1 KB · Views: 68

[Web][SithasoDaisy] How to create a sticky Bottom Navigation Bar & navigate your app pages

Hi Fam

Your app can have a bottom navigation which will help you navigate from one page to another. The navigation bar can be linked to the drawer of your app. This bottom navigation bar will be...
 

Attachments

  • SDMultiUserBottomNav.zip
    39.1 KB · Views: 62
Top