B4J Tutorials

[BANano] How to detect if your device browser is in Dark / Light Theme Mode

Hi Fam

I want to detect if my device browser is in dark/ light mode and apply some settings on my app.

So here we go, we have 2 methods, one to fire each time the web browser mode is changed...
 

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

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

[BANanoVuetifyAD3] Help me run gmap-cluster and get latlng in events (gmap_CenterChanged, gmap_mousemove, gmap_click)

Dear Mr @Mashiane and all,
i comeback to research BANanoVuetifyAD3 in Google Map subject
I see in VueGmap module has Sub Use:
gmap-cluster no run in Gmap:
Sub Use(vuetify As VuetifyApp)
        'ensure that the...
 
Last edited:

[Web][SithasoKITT] - Voice Command for your Web Applications

Hi Fam

R.jpg


If you grew up in my days, you will recognize this car. KITT, Michael Knights pride. A car that could talk and do wonders!!! Anyway...

SithasoKITT is just a simple wrap of...
 

Attachments

  • SithasoKITT.bas
    5.1 KB · Views: 47
Last edited:

[Web] SithasoIONIC7 - Mastering SwiperJS / Sliders

Hi Family...

Let's master the swiper / slider.

1701702530418.png



 

Attachments

  • SI7Swiper.zip
    13.4 KB · Views: 54

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

[Web] Php-Wasm - this should be interesting...

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

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

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

[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: 48
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: 43

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

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

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

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