B4J Library [Web] SithasoDaisy: TailwindCss WebApps powered by B4x & BANano

PLEASE DO NOT ASK QUESTION ON THIS THREAD​

Hi there

It's will pleasure to release the SithasoDaisy b4xlib for your TailwindCSS based Web Apps. This uses BANano

Get it now for $15 here

Demo on Vercel
Skim the eBook
Free Computer Books

Check $5 WebApps

SithasoDaisy WebApps @ $5 Each

Hi there Disclaimer: These WebApps are hosted on Netlify and the back-end hosted on PocketHost (just for demonstration purposes). You will have to set up the SQLite Webserver on your own machine for a better experience. PocketHost is not recommended for production purposes as its slow compared...
www.b4x.com www.b4x.com

Cove1.jpg


Check our flipbook here

online.fliphtml5.com

SithasoDaisy

Flipbook (undefined description)
online.fliphtml5.com online.fliphtml5.com

This library has both Abstract Designer support and full code development.

Check our Netlify Demo here.

sithasodaisyui.netlify.app

SithasoDaisy: TailwindCSS Websites using B4X.

SithasoDaisy: TailwindCSS Websites using B4X.
sithasodaisyui.netlify.app sithasodaisyui.netlify.app

Check it on Share My Creations (where you can get a copy)

[Web] SithasoDaisy: TailwindCSS + DaisyUI Toolbox

LAUNCHED!!!! Check our FlipBook Order your copy now at $15. Includes... Lifetime support on your SithasoDaisy projects eBook on how to get started Source code for die hard coders (see current Netlify Demo) Abstract designer based examples for the no code / less code kind Support subsciption...
www.b4x.com www.b4x.com

Happy coding..

SithasoDaisy TailwindCSS WebApps​


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

Visit https://sithasoholdings.gumroad.com/l/vwaqj to activate your subscription.

PLEASE FOLLOW THIS LINK TO ASK QUESTIONS

SithasoDaisy TailwindCSS UI Toolkit: Q & A

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 and we will oblige. Thanks in advance? Join on Telegram https://t.me/sithasodaisy Check $5 WebApps...
www.b4x.com www.b4x.com

Thank you so much.
 
Last edited:
Click to expand...
Mashiane

Mashiane

Expert
Licensed User
Longtime User

Mashy Teaches TailwindCSS using b4x (with eBook)​


SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)

Get SithasoDaisy for $15 here. Welcome to the SithasoDaisy world. Check $5 WebApps https://www.b4x.com/android/forum/threads/sithasodaisy-webapps-5-each.145871/ Join on Telegram Get the eBook See it in action on Netlify or See it from a FlipBook SithasoDaisy is a library of components...
www.b4x.com www.b4x.com
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
Update 08 November 2022

  • eBook has been updated.
  • 2 b4xtemplates have been created to help create SithasoDaisy projects easier

Please get on same location communicated via email.

You can get yourself a copy also from Gumoad

sithasoholdings.gumroad.com

SithasoDaisy

TailwindCSS PWAs, WebApps & Server Apps using b4xCurrent & future updatesLifetime support for your TailwindCSS projects developed with SithasoDaisySee our WebApps now...https://www.b4x.com/android/forum/threads/sithasodaisy-webapps-5-each.145871/
sithasoholdings.gumroad.com sithasoholdings.gumroad.com

Happy Coding
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
Version 1.15 is now available - please get from same download link.

This comes with own SithasoDaisy API documentation for both the online documentation & eBook

Change Log
  • Added a Close & Open methods for drawer. To close the drawer now use .Close instead of .Hide.
  • Fixed bugs in Modal
  • Added more properties for SDUILabel
  • Drawer can have transparent overlay using OverlayBgColor (see User Onboarding Lesson)
  • Form serialization & deserializatiton to JSON, so that we can call .GetData and .SetData on the modal using a Map.
  • Added Title, Content, Action classes to Modal
  • Added OwnActions to Modal (hide actions bar and use own buttons)
  • Modal Visible being set to true now shows the modal automatically
  • Set modal glass mode in prop bag
  • Modal has a closeable button (top ight)
  • Added Items Per Page in prop bag for table.

Other minor bug fixes and improvements.

 
Last edited:
Mashiane

Mashiane

Expert
Licensed User
Longtime User
Version 1.16 is out!

Login into your Gumroad account to get the latest content. An email has been sent for those who got it using Paypal. If you dont have it, please PM here.

It is with pleasure to release Version 1.16.
  • Updated eBook with guides on how to create your apps when using the Abstract Designer
  • Updated API Docs to cover all components
  • New b4xtemplates & examples
  • How to create repetitive layouts with single events
  • Chat
  • Signature Pad
  • Video
  • Property Table
  • Date range & multiple dates
  • Full Calendar
  • Dialer
  • Alerts & Toasts with timeouts.
These are some of the new goodies

dialer.png


fullcalendar.png


PropertyTable.jpg


SDUIChat.jpg


Thank you so much!!
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User

Important Notice: SithasoDaisy TailwindCSS with IE11 and Safari Browsers

Some important information has just come to light.. With that said, SithasoDaisy is based on TailwindCSS, which does not support some browser features as noted below. Apparently... Apple has stopped offering Safari updates for Windows users since the release of Safari 5.1.7 in 2012. As a...
www.b4x.com www.b4x.com
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
Version 1.18 is out




What's new as compared to the last version.

1. MySQL crud (also saving base 64 image string to db)
2. PocketBase Multi-User Demo (Sign In, Sign Up, Forgot Password screens)
3. Multi Product Card using a single SDUICard.
4. Pocketbase Chatroom using SSE.
5. AES Ciphering (Encrypt & Decrypt)
6. Supabase crud with SSE.
7. Supabase Auth Process (Sign In, Sign Up)
8. CallMeBot (WhatsApp, Telegram, FB Messenger etc)
9. Product Listing with SDUISelect with different items on select (trap "buy" click and select change events.
10. SithasoDocs.b4xlib renamed to SithasoDaisyDocs.b4xlib.

Check it out on Netlify.

Get SithasoDaisy Now at 50% discount!
Discount Code: AHLTLVE for Gumroad

Price will go back to nomal on 01/01/2023.
 
Last edited:
Mashiane

Mashiane

Expert
Licensed User
Longtime User
Please pin SithasoDaisy and then activate Notifications.

1. Please visit SithasoDaisy on Netlify, https://sithasodaisyui.netlify.app/
2. On top right of the navigation bar is a notification button, please click it.

1671624931037.png

3. Please pin SithasoDaisy so that it's open on your browser, this will enable it to receive notifications.
4. As soon as a notification is sent by our server you can get it.

Thank you so much.
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
SithasoDaisy Version 1.20 is out.

This version addresses SDUITable inline editing for the following elements:
  • TextBox
  • Select
  • TextArea
  • DatePicker
  • TimePicker
  • Range
  • CheckBox
  • Rating
  • Toggle
SithasoDaisy120.jpg



Check it on GitHub

github.com

GitHub - Mashiane/SithasoDaisyUI: TailwindCss WebApps using b4x

TailwindCss WebApps using b4x. Contribute to Mashiane/SithasoDaisyUI development by creating an account on GitHub.
github.com github.com

Check Demo on Netlify

sithasodaisyui.netlify.app

SithasoDaisy: TailwindCSS Websites using B4X.

SithasoDaisy: TailwindCSS Websites using B4X.
sithasodaisyui.netlify.app sithasodaisyui.netlify.app
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
Version 1.20 Maintenance

1. SDUITable - AddColumnFileInput

TableFileChoose.gif


B4X: 
tb4.AddColumnFileInput("product", "Choose Product")

Update the value of a ow at a column posititon. In this example we upload the file to the server and then get its paths and update the avatar column in that row with the new image.

B4X: 
Private Sub tb4_ChangeRow (Row As Int, Value As Object, Column As String, item As Map)
    Log("tb4_ChangeRow...")
    Select Case Column
    Case "product"
        'value is the file object
        Dim fd As FileObject = SDUIShared.UploadFileWait(Value)
        Log(fd)
        'get the file name
        Dim fn As String = fd.FileName
        'get the status of the upload
        Dim sstatus As String = fd.Status
        Select Case sstatus
        Case "error"
            Return
        Case "success"
        End Select
        'get the upload full path
        Dim fp As String = fd.FullPath
        tb4.SetRowColumn("avatar", Row, fp)
    End Select
    Log(Row)
    Log(Value)
    Log(Column)
    Log(item)
End Sub

2. Change "Select Items" for columnin a table for all rows

B4X: 
'change the select items for all rows
    banano.Await(tb4.SetSelectListItems("country", Array("Afghanistan", "Albania", "Australia", "USA", "Brazil", "Chile", "Guinea", "South Africa", "Nigeria")))

This changes the select items in a column for all rows in the table. This should be done after rows are added.

3. Change "Select Items" for a column for a particular row

B4X: 
'change the select items for row 2
    banano.Await(tb4.SetSelectListItemsOfRow("country", 2, Array("Afghanistan1", "Albania1", "Australia1", "USA", "Brazil", "Chile", "Guinea", "South Africa", "Nigeria1")))

4. Change the value of a paticular row & column item. In the avatar column on row 1, change the value to be a:/anele/pic1.jpg"

B4X: 
        tb4.SetRowColumn("avatar", 0, "c:/anele/pic1.jpg")

Ceveat: works for toggle, checkbox, range, progress, select, textbox, textarea, datepicker, timepicker, password, number, textarea, badge, avatar, normal column, image

5. Change the row data. The row data should be key values where the key is the column name and value is the new value.

B4X: 
tb4.Setrow(1, CreateMap("id":1, "avatar": "x" ...))

Ceveat: works for toggle, checkbox, range, progress, select, textbox, textarea, datepicker, timepicker, password, number, textarea, badge, avatar, normal column, image

NB: Please download
 
Last edited:
S

sdleidel

Active Member
Licensed User
Longtime User
Great !
Is there another way I can make a preselection for a selection field?

I have e.g.

Value 1 = shoes

Value 2 = T-shirt

Now I liked the value 2 is already chosen
.
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
sdleidel said:
Great !
Is there another way I can make a preselection for a selection field?

I have e.g.

Value 1 = shoes

Value 2 = T-shirt

Now I liked the value 2 is already chosen
.
Click to expand...
As these settings works when there are existing rows, you can add a row with 2 specified for that column, then when you execute the set it will pick it up.

You can also use setrowcolumn to change values in existing rows.
 
S

sdleidel

Active Member
Licensed User
Longtime User
small problem still with the Select.
when I build the "table":
B4X: 
mdlSDUITablemultiprodukt.AddColumnSelect( "op","Requirements",False,False, createmap("test":"test", "test2":"test2") )
"test" is then selected when the table appears

B4X: 
banano.Await(mdlSDUITablemultiprodukt.SetSelectListItemsOfRow("op", 1, Array("Afghanistan1", "Albania1", "Australia1", "USA", "Brazil", "Chile", "Guinea", "South Africa", "Nigeria1")))
If I then select "update" then nothing is selected

See this picture:

And
sreen.jpg


How can I "pre-select" something if I have changed the options for select? Otherwise it is always empty after the change...
 
S

sdleidel

Active Member
Licensed User
Longtime User
Mashiane said:
In post 15, I indicated that you can
Click to expand...
Yes thats clear, but How i can select „Australia1“ ?

from :
1: 
banano.Await(mdlSDUITablemultiprodukt.SetSelectListItemsOfRow("op", 1, Array("Afghanistan1", "Albania1", "Australia1", "USA", "Brazil", "Chile", "Guinea", "South Africa", "Nigeria1")))
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
Mashiane said:
You can also use setrowcolumn to change values in existing rows.
Click to expand...
In the SithasoDaisy demo example, table 6 for example we have this example.

B4X: 
Private Sub tb4_ChangeRow (Row As Int, Value As Object, Column As String, item As Map)
    Log("tb4_ChangeRow...")
    Select Case Column
    Case "product"
        'value is the file object
        Dim fd As FileObject = SDUIShared.UploadFileWait(Value)
        Log(fd)
        'get the file name
        Dim fn As String = fd.FileName
        'get the status of the upload
        Dim sstatus As String = fd.Status
        Select Case sstatus
        Case "error"
            Return
        Case "success"
        End Select
        'get the upload full path
        Dim fp As String = fd.FullPath
        tb4.SetRowColumn("avatar", Row, fp)
    End Select
    Log(Row)
    Log(Value)
    Log(Column)
    Log(item)
End Sub

Each time a file input is changed, the avatar column at that specific row is changed. So in your case, on SetRowColumn

the column name to pass is "op", the row to change is 1 and the value Australia1.

I have updated the demo code also

B4X: 
'change the select items for row 2
banano.Await(tb4.SetSelectListItemsOfRow("country", 2, Array("Afghanistan1", "Albania1", "Australia1", "USA", "Brazil", "Chile", "Guinea", "South Africa", "Nigeria1")))
'select Australia1   
tb4.SetRowColumn("country", 2, "Australia1")

Ceveat: This can only be done on existing rows

I hope its clear
 
You must log in or register to reply here.

Similar Threads

Mashiane
  • Article
Share My Creation [Web][SithasoDaisy Wireframes]: Unleash the Force of Ultimate Web MobileApp Design
Replies
12
Views
2K
Mashiane
Mashiane
MichalK73
  • Article
B4J Tutorial SithasoDaisy TailwindCSS - Multilanguage
Replies
2
Views
777
MichalK73
MichalK73
Mashiane
  • Article
B4J Tutorial SithasoDaisy TailwindCSS UI Toolkit: Q & A
18 19 20
Replies
387
Views
32K
sdleidel
S
Mashiane
SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)
4 5 6
Replies
110
Views
21K
Mashiane
Mashiane
Mashiane
  • Article
Share My Creation [Web] SithasoDaisy: TailwindCSS + DaisyUI Toolbox
3 4 5
Replies
84
Views
18K
Mashiane
Mashiane
Top