B4J Tutorials

[Web][SithasoIONIC7][Wireframes] - Creating b4x layouts

Hi Fam

It is with pleasure to announce that our first test into this journey has yielded perfect results. A many thanks to the MakeBxL project and the rest of the people who make this...
 

Attachments

  • SI7LayoutTest.zip
    9.3 KB · Views: 40

[Web][SithasoIONIC7] Mastering Server Progressive Web Apps

Hi Fam

In this thread we will look at creating BANanoServer Applications using SithasoIONIC7 Mobile Kit. BANanoServer is the equivalent of ABM but for BANano, but with the full power of...
 

[Web][SithasoIONIC7] Adding RTL (Right to Left) Support for your apps

Hi Fam

Let's add RTL (Right to Left) support for our app, so that is looks like this.

SithasoIONIC7RTL.png


In pgInitialize

B4X:
Sub Initialize
    'initialize the app, show ios mode...
 

[Web][SithasoGunDB] - SEA: Security, Encryption & Authorization using IndexedDB Back-End

Hi Fam

Demo on Vercel

Today we look at how we can perform user authentication using GunDB. GunDB uses localstorage / indexedDb / file / and other databases as back-ends through various...
 
Last edited:

[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: 41
Last edited:

[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: 36

[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: 33

[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] Navigating between differerent pages of your app

Hi Fam.

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

SDNavigation.gif


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

Attachments

  • SDNavigation.zip
    39.1 KB · Views: 33

[Web][SithasoDaisy] Mastering Server Progressive Web Apps

Hi Fam

In this thread we will look at creating BANanoServer Applications using SithasoDaisy. BANanoServer is the equivalent of ABM but for BANano, but with the full power of using the...
 

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

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

[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: 33

[Web][SithasoDaisy] Exploring Web Service Workers aka BANano Background Workers

[Web][SithasoDaisy] Creating a Product Listing

Hi

By the end of this tutorial, you will be able to create this output.

1697410102441.png


1. We use a grid with 3 columns so that we can have each product.

Code Module is: pgBasicCardsMultiple on...
 

[Web][SithasoDaisy] Bulk Email / Email Campaigns with the SithasoDaisy Mini CRM WebApp, PocketBase & GMail

Hi Fam..

With the possibility to add web hooks in PocketBase, one is able without any use of third party email sending applications use STMP configuration. We are currently using GMail and a...
 

Attachments

  • 1708173364001.png
    1708173364001.png
    7.2 KB · Views: 43

[web]Web API Tutorial - Getting Started

Introduction:

This tutorial is based on Web API Template 2.

How to install:

1. Download the template and copy it to B4J Additional Library folder.
1684044460362.png
...
 
Last edited:

[web]Tutorial - Using Web API Controller

Introduction

This tutorial is based on Web API Template 2 (version 2.03) on how to use Web API Controller library.
At the time of writing, the library is version 1.01.
For...
 
Last edited:

[Web] [Talk] IndexedDB that syncs to a REST API.

[Web] Using PocketBase as a Framework: Lets create a REST API

Ola.

Its amazing with the latest version of PocketBase one can extend it with JavaScript / Go.

So I tested creating some REST API handlers. You can unzip the attached file to your pocketbase...
 

Attachments

  • pb_hooks.zip
    428 bytes · Views: 81

[Web] Tutorial - Using MinimaList Controller

Last edited:
Top