B4J Tutorial [Web] SithasoDaisy5 Demo (Code Only Version) - For Non Abstract Designer Users

Hi Fam

Experience on Vercel
Download Code

The first draft of the SithasoDaisy5 Demo Code Only Version is out. This demo has been built with code only and does not need abstract designer layouts to work.

Why did we also consider this approach? We have recognized that some developers prefer to type code / use AI to code above and beyond using the abstract designer and we needed to make this option available.

The code has been generated directly from the layouts, i.e. we look the existing layouts and just converted each component in them into b4x code, e.g. Initialize & AddComponent with properties settings in-between. We used the same code used from our BJL/BAL/JSON coding tool to assist with the conversion and a lot of ChatGPT Codex to get here

This UI should be the same as the layout based version. You will need the SithasoDaisy5 b4xlib to run the source.

#SharingTheGoodness


Related Content

[Web][SithasoDaisy5] - Create WebSites & WebApps with the power of the Abstract Designer (OpenSource)

DISCLAIMER - TO AVOID CONFUSION, THIS IS A NEW B4XLIB AND NOT SITHASODAISY 2, THIS IS OPEN-SOURCE, SITHASODAISY 2 IS NOT PLEASE NOTE THAT ALL REFERENCES TO THIS B4XLIB WILL BE [SithasoDaisy5] OR [SDV5] SithasoDaisy5 is a wrap of the MIT based DaiyUI TailwindCSS Component library to be used...

www.b4x.com

 

[Gianni M]

there are many errors

module: pgToast

Sub Process_Globals
    Private BANano As BANano        'ignore
    Private app As SDUI5App            'ignore
    Private toast2 As SDUI5Button        'ignore
    Private toast3 As SDUI5Button        'ignore
    Private toast4 As SDUI5Button        'ignore
    Private toast5 As SDUI5Button        'ignore
    Private SDUI5Toast2 As SDUI5Toast        'ignore
    Private SDUI5Toast3 As SDUI5Toast        'ignore
    Private SDUI5Toast4 As SDUI5Toast        'ignore
    Private SDUI5Toast5 As SDUI5Toast        'ignore
End Sub

toast3.Image = "./assets/addfolder.svg" 'image is readonly

module: pgButtons

    SDUI5Button26.Image = "./assets/pig.svg"
    SDUI5Button26.ImageHeight = "32px"
    SDUI5Button26.ImageWidth = "32px"
   'is readonly

and many others

 

[Mashiane]

there are many errors
View attachment 169953

module: pgToast

Sub Process_Globals
    Private BANano As BANano        'ignore
    Private app As SDUI5App            'ignore
    Private toast2 As SDUI5Button        'ignore
    Private toast3 As SDUI5Button        'ignore
    Private toast4 As SDUI5Button        'ignore
    Private toast5 As SDUI5Button        'ignore
    Private SDUI5Toast2 As SDUI5Toast        'ignore
    Private SDUI5Toast3 As SDUI5Toast        'ignore
    Private SDUI5Toast4 As SDUI5Toast        'ignore
    Private SDUI5Toast5 As SDUI5Toast        'ignore
End Sub

toast3.Image = "./assets/addfolder.svg" 'image is readonly

module: pgButtons

    SDUI5Button26.Image = "./assets/pig.svg"
    SDUI5Button26.ImageHeight = "32px"
    SDUI5Button26.ImageWidth = "32px"
   'is readonly

and many others

We need Sithaso Daisy 55.88, will upload soon..

 

[Mashiane]

SithasoDaisy 55.88 is out.

1. New SithasoDaisy5Demo Code - this features a demo app for those who are non abstract designer users.

[Web] SithasoDaisy5 Demo (Code Only Version) - For Non Abstract Designer Users

Hi Fam Experience on Vercel Download Code The first draft of the SithasoDaisy5 Demo Code Only Version is out. This demo has been built with code only and does not need abstract designer layouts to work. Why did we also consider this approach? We have recognized that some developers prefer to...

www.b4x.com

This helps anyone who writes code can create apps by just writing code and not use an abstract designer. We ported all the layouts to actual code with 100% parity.

This has been added and is part of the Source Code on the report

Experience it on Vercel

NB: There are a few layouts in the "code" demo due to BANano.LoadLayoutArray, others are related to the whatsapp component that are embedded into the SithasoDaisy5.b4xlib. These can be removed if not needed from your project.

2. Enhancements and some bug fixes.