B4J Tutorials

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

• By Mashiane
• Yesterday at 2:54 AM

Hi Fam

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



When the page is shown, we build up the page

B4X:

'sub to show the page...

 

Click to expand...

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

• By alwaysbusy
• May 3, 2020

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

  8.3 KB · Views: 4,255
• 1588532671395.png

  15 KB · Views: 4,197

Last edited: Thursday at 8:39 AM

Click to expand...

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

• By Mashiane
• Wednesday at 1:21 AM

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: Wednesday at 1:27 AM

Click to expand...

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

• By Mashiane
• Wednesday at 1:15 AM

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

 

Click to expand...

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

• By Mashiane
• Monday at 10:09 PM

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: Tuesday at 11:23 PM

Click to expand...

[Web] Web API Tutorial - Getting Started

• By aeric
• May 14, 2023

Note:
This tutorial is based on Web API Server v2.02 and is deprecated. Refer to Using MinimaList Controller and Code Snippets

Spoiler: Deprecated

...

 

Last edited: Monday at 11:38 AM

Click to expand...

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

• By JackKirk
• Apr 27, 2024

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: Yesterday at 2:56 AM

Click to expand...

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

• By Mashiane
• Nov 14, 2020

Ola

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

[BANanoVuetifyAD3] 2024 RoadMap

Hi Fam BVAD3 is currently based on VueJS 2 and Vuetify 2. As you might be aware, VueJS 3 is now the standard and VueJS 2 has come to end of life when it comes to support. Vuetify 2 will also be coming to end of life when it comes to support. There has not been any upgrades to BVAD3 to work...

www.b4x.com

...

 

Last edited: Apr 23, 2024

Click to expand...

[Web][SithasoDaisy] Mastering the Team Grid Component

• By Mashiane
• Apr 23, 2024

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: Apr 25, 2024

Click to expand...

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

• By Mashiane
• Apr 23, 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: Apr 23, 2024

Click to expand...

SithasoDaisy TailwindCSS UI Toolkit: Q & A

• By Mashiane
• Nov 19, 2022

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: Jun 27, 2023

Click to expand...

Finally: Convert cURL commands to JavaScript Fetch

• By Mashiane
• Oct 21, 2022

Found it...

| ScrapingBee

Due to the enormous advancements it has seen and the advent of the NodeJS runtime, JavaScript has emerged as one of the most well-liked and often used languages. The necessary tools are now available for JavaScript, whether it's for a web or mobile application. And of course, web scraping. To...

www.scrapingbee.com

Happy coding!

 

Click to expand...

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

• By Mashiane
• Mar 27, 2024

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

 

Click to expand...

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

• By Mashiane
• Mar 20, 2024

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

  18.3 KB · Views: 61

Last edited: Mar 20, 2024

Click to expand...

[Web][SithasoDaisy] Table Row Column Conditional Colors

• By Mashiane
• Mar 19, 2024

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: 53

Click to expand...

[Web][SithasoDaisy] Table Row Conditional Colors

• By Mashiane
• Mar 19, 2024

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: 57

Click to expand...

Run B4J java and javafx Applications on ARM64 Computers

• By aminoacid
• Mar 15, 2024

To run a B4J console or GUI Application on any 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 respectively...

 

Click to expand...

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

• By Mashiane
• Mar 15, 2024

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: 52

Click to expand...

[Web][SithasoDaisy] How to create a sticky footer

• By Mashiane
• Mar 15, 2024

Hi Fam

A sticky footer is a footer that is available on every page of your application irrespective of navigating between the different pages of your app. Of course you can hide/show it as per...

 

Attachments

• SDStickyFooter.zip

  39.2 KB · Views: 55

Last edited: Mar 15, 2024

Click to expand...

[Web][SithasoDaisy] Navigating between differerent pages of your app

• By Mashiane
• Mar 14, 2024

Hi Fam.

The attached gif bears reference. Here one is able via a click of a button to navigate from one page to another.



Remember, each page is created as a code module, thus one...

 

Attachments

• SDNavigation.zip

  39.1 KB · Views: 51

Click to expand...