SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)


Licensed User
Longtime User
Coming to V1.19 Using the SDUIEditor


Using the abstract designer, you just drop this to a layout and set properties.

To set & get its content, one uses the .Content method.

Private Sub SDUIEditor1_Changed (e As BANanoEvent)
    lblChanging.Caption = SDUIEditor1.Content
End Sub


Licensed User
Longtime User
Coming to V1.19 - SDUIToastChart

Ability to trap selected series events.

This is based on...

'sub to show the page
Sub Show(duiapp As SDUIApp)            'ignore
    'get the reference to the app
    app = duiapp
    'page.AddPage(Me, name)
    banano.LoadLayout(app.PageViewer, "adtchartlayout")
    SDUIToastChart1.AddCategories(Array("Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"))
    SDUIToastChart1.AddSeries("Budget", Array(5000, 3000, 5000, 7000, 6000, 4000, 1000))
    SDUIToastChart1.AddSeries("Income", Array(8000, 4000, 7000, 2000, 6000, 3000, 5000))
    SDUIToastChart1.AddSeries("Expenses", Array(4000, 4000, 6000, 3000, 4000, 5000, 7000))
    SDUIToastChart1.AddSeries("Debt", Array(3000, 4000, 3000, 1000, 2000, 4000, 3000))
    'build the page, via code or loadlayouts
End Sub






Last edited:


Licensed User
Longtime User
Please redownload 1.31 (updated now), which addresses the locales for the FullCalendar and some other bug fixes.




New Member
Licensed User
Longtime User
Get SithasoDaisy for $15 here.

Welcome to the SithasoDaisy world.

Get the eBook
See it in action on Netlify or
See it from a FlipBook

SithasoDaisy is a library of components built on top of TailwindCSS and the DaisyUI frameworks to help you create WebApps, WebSites, Single Page Application (SPA) and Progressive Web Apps (PWA) with the power of the b4x programming language.

When it comes to developing anything that works on the internet browser, whether it is a WebApp or a WebSite, one has to use HTML (Hyper Text Markup Language), CSS (Cascading Style Sheet) and JavaScript (a dynamic programming language used for web development).

SithasoDaisy works on top of a programming language called b4x. It is not JavaScript, and for SithasoDaisy to produce web applications, a code transpiler is used. A transpiler converts source code from one programming language to another. For example, when one uses Flutter for web, they use a programming language called Dart. When they build their application, their source code is transpiled / converted to JavaScript for it to work on the interweb. There are many other programming languages that target JavaScript, the Top 10, being:

1. Scala.js
2. Haxe
3. Dart
4. Elm
5. Imba
6. Nim
7. ClojureScript
8. ReasonML
9. Kotlin
10. TypeScript

B4X is a set of programming tools that is developed by Anywhere Software that uses Visual Basic like syntax so that anyone who wants to, can create apps. The developed apps are able to run on Windows, Linux, Mac, Apple Phones, Android Phones and Arduino IoT devices, mostly from the same code base. The family product we will use here is called b4j i.e., Basic4Java. There is also b4a (basic4android), b4i (basic4ios), b4r (basic4arduino).

Our b4x to JavaScript transpiler is called BANano. It is penned by Alain Bailleul, that is the BA in BANano, whilst Nano, you guessed it right, nanotechnology. When creating your web projects with SithasoDaisy, one can use the Abstract Designer and or write b4x code. We will show you how. To show you an idea of the stuff we will be building, let’s take a look at this image, directly from the DaisyUI website.


This is an extract from the eBook.

Happy Coding

Github Link:

SithasoDaisy TailwindCSS WebApps​

Subscribe to SithasoDaisy TailwindCSS WebApps and get a WebApp each month of the year.

Visit to activate your subscription.

Thank you so much.
Paid :)
Like the idea and it'd be a fun project for me. Great work @Mashiane


Licensed User
Longtime User
DatePicker will suppot locales.

ar: Arabic,
        at: Austria,
        az: Azerbaijan,
        be: Belarusian,
        bg: Bulgarian,
        bn: Bangla,
        bs: Bosnian,
        ca: Catalan,
        ckb: Kurdish,
        cat: Catalan,
        cs: Czech,
        cy: Welsh,
        da: Danish,
        de: German,
        en: english,
        eo: Esperanto,
        es: Spanish,
        et: Estonian,
        fa: Persian,
        fi: Finnish,
        fo: Faroese,
        fr: French,
        gr: Greek,
        he: Hebrew,
        hi: Hindi,
        hr: Croatian,
        hu: Hungarian,
        hy: Armenian,
        id: Indonesian,
        is: Icelandic,
        it: Italian,
        ja: Japanese,
        ka: Georgian,
        ko: Korean,
        km: Khmer,
        kz: Kazakh,
        lt: Lithuanian,
        lv: Latvian,
        mk: Macedonian,
        mn: Mongolian,
        ms: Malaysian,
        my: Burmese,
        nl: Dutch,
        nn: NorwegianNynorsk,
        no: Norwegian,
        pa: Punjabi,
        pl: Polish,
        pt: Portuguese,
        ro: Romanian,
        ru: Russian,
        si: Sinhala,
        sk: Slovak,
        sl: Slovenian,
        sq: Albanian,
        sr: Serbian,
        sv: Swedish,
        th: Thai,
        tr: Turkish,
        uk: Ukrainian,
        vn: Vietnamese,
        zh: Mandarin,
        zh_tw: MandarinTraditional,
        uz: Uzbek,
        uz_latn: UzbekLatin


Last edited: