B4J Tutorial SithasoDaisy TailwindCSS UI Toolkit: Q & A

Mashiane · Nov 19, 2022

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

SithasoDaisy

TailwindCSS WebApps using b4x

t.me

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

Enrico Fuoti · Sep 3, 2023

Hello Mashiane,
i have a few questions regarding tables.
1) is it possible to avoid the gap that separates the rows in a table?
2) is it possible to change font and/or text size for table rows ?
3) is it possible to give the table a "grid" type format (excel style) ?
4) is it possible to give the table a "zebra" format, specifing the colors?
if not, Can any of the above be implemented in future ?

Mashiane · Sep 14, 2023

Enrico Fuoti said:
Hello Mashiane,
i have a few questions regarding tables.
1) is it possible to avoid the gap that separates the rows in a table?
2) is it possible to change font and/or text size for table rows ?
3) is it possible to give the table a "grid" type format (excel style) ?
4) is it possible to give the table a "zebra" format, specifing the colors?
if not, Can any of the above be implemented in future ?

Will keep you posted, some may not be possible.

Mashiane · Sep 14, 2023

Enrico Fuoti said:
4) is it possible to give the table a "zebra" format, specifing the colors?

Example.

See post #87 here

SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)

https://www.b4x.com/android/forum/threads/sithasodaisy-drawer-item-management-conditional-visibility.148436/

www.b4x.com

Mashiane · Sep 14, 2023

Enrico Fuoti said:
3) is it possible to give the table a "grid" type format (excel style) ?

Please see this post #90 here:

SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)

https://www.b4x.com/android/forum/threads/sithasodaisy-drawer-item-management-conditional-visibility.148436/

www.b4x.com

Mashiane · Sep 14, 2023

Enrico Fuoti said:
1) is it possible to avoid the gap that separates the rows in a table?

See post #91 here

SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)

https://www.b4x.com/android/forum/threads/sithasodaisy-drawer-item-management-conditional-visibility.148436/

www.b4x.com

Enrico Fuoti · Sep 14, 2023

Wow, super..
Tables are, in my experience, very important in any programming language/framework.
You're doing a great work..
Sithaso is becoming really powerful.. ???

giannimaione · Sep 14, 2023

Enrico Fuoti said:
Tables are, in my experience, very important

Tables are, in my experience, very important; me too

Mashiane · Sep 14, 2023

Enrico Fuoti said:
2) is it possible to change font and/or text size for table rows ?

See post #93 on changing the font size

SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)

https://www.b4x.com/android/forum/threads/sithasodaisy-drawer-item-management-conditional-visibility.148436/

www.b4x.com

sdleidel · Sep 20, 2023

sdleidel said:
Is this possible?

You can scroll it to the right and left or push it.

View attachment 144770

Is there a way to create this element ?
I would like to have it to insert it in a navbar…

Mashiane · Sep 20, 2023

sdleidel said:
Is there a way to create this element ?
I would like to have it to insert it in a navbar…

Been looking, however I just got reminded of the carousel.

Carousel — Tailwind CSS Components

Carousel show images or content in a scrollable area.

v2.daisyui.com

The one at the bottom seems to be close to what you need. Perhaps then just resizing the carousel items to feet specific developer could do.

Otherwise if we cant do that, will have to add something like this as a plugin as it does not come with SithasoDaisy. Is there perhaps a JS library on the net that you have seen that can meet your needs and we will have to add it for your use case?

This is outside the scope and will have to be developed to meet your specific needs.

sdleidel · Oct 18, 2023

I have this Error:
Uncaught (in promise) ReferenceError: FormDataJson is not defined
at banano_sithasodaisy_sduishared.formfromjson (sithasodaisy.js:6888

That is the Code:
mdlSignIn.SetData(testdata)

I use V2...

Mashiane · Oct 18, 2023

sdleidel said:
I have this Error:
Uncaught (in promise) ReferenceError: FormDataJson is not defined
at banano_sithasodaisy_sduishared.formfromjson (sithasodaisy.js:6888

That is the Code:
mdlSignIn.SetData(testdata)

I use V2...

I think you need to update all the additional libraries. This is internal to V2 of the library and should not raise any issues.

If not, did you follow the update guide for 2.16? on the SithasoDaisy Library thread?

sdleidel · Oct 18, 2023

Mashiane said:
I think you need to update all the additional libraries. This is internal to V2 of the library and should not raise any issues.

If not, did you follow the update guide for 2.16? on the SithasoDaisy Library thread?

Yes all is running and uptodate !
But the error is not gone…

Mashiane · Oct 18, 2023

Can you paste your pgIndex.Initialize code here?

sdleidel · Oct 18, 2023

Mashiane said:
Can you paste your pgIndex.Initialize code here?

1:

    app.AddApp(Me, Main.AppName)
    app.PagePause
'    page.Root.Hide
    BANano.Await(app.UseStorage)
    
    
    'set theme
    themeName = $"${Main.AppName}_theme"$
    Dim ctheme As String = BANano.GetLocalStorage2(themeName)
    ctheme = SDUIShared.CStr(ctheme)
    Select Case ctheme
        Case ""
            app.Theme = app.THEME_LIGHT
        Case Else
            app.Theme = ctheme
    End Select
    'SDUIShared.ShowLoader
    'set the font of the app
    app.Font = "font-sans"

    app.PagePause
    'add a navbar to the content for PAGE
    CreateAppNavBar
    app.PagePause
    'add a drawer to the body
    CreateAppDrawer
    app.PagePause
    'add any other page not added to the drawer menu
    AddPages

    app.PageResume
    


    IsAuthenticated(False)
    pgSignIn.Show(app)

Mashiane · Oct 18, 2023

sdleidel said:

1:

    app.AddApp(Me, Main.AppName)
    app.PagePause
'    page.Root.Hide
    BANano.Await(app.UseStorage)
  
  
    'set theme
    themeName = $"${Main.AppName}_theme"$
    Dim ctheme As String = BANano.GetLocalStorage2(themeName)
    ctheme = SDUIShared.CStr(ctheme)
    Select Case ctheme
        Case ""
            app.Theme = app.THEME_LIGHT
        Case Else
            app.Theme = ctheme
    End Select
    'SDUIShared.ShowLoader
    'set the font of the app
    app.Font = "font-sans"

    app.PagePause
    'add a navbar to the content for PAGE
    CreateAppNavBar
    app.PagePause
    'add a drawer to the body
    CreateAppDrawer
    app.PagePause
    'add any other page not added to the drawer menu
    AddPages

    app.PageResume
  


    IsAuthenticated(False)
    pgSignIn.Show(app)

Please see the post I made Monday.

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

www.b4x.com

MichalK73 · Dec 7, 2023

I sometimes have strange cases where after pressing a button with no code under it, the page closes and returns to the list of Laragon server applications. What could be the reason? There is nothing in the browser logs.

Mashiane · Dec 7, 2023

MichalK73 said:
I sometimes have strange cases where after pressing a button with no code under it, the page closes and returns to the list of Laragon server applications. What could be the reason? There is nothing in the browser logs.

Add event.preventDefault on the click event as a first line.

Mashiane · Dec 7, 2023

Mashiane said:
Add event.preventDefault on the click event as a first line.

You will have to add an event unfortunately for the button.

MichalK73 · Dec 8, 2023

Mashiane said:
You will have to add an event unfortunately for the button.

Well, not always, because once you have the code, it also closes the window and doesn't execute the code.

B4J Tutorial SithasoDaisy TailwindCSS UI Toolkit: Q & A

Active Member

Expert

Expert

Expert

Expert

Active Member

Well-Known Member

Expert

Active Member

Expert

Active Member

Expert

Active Member

Expert

Active Member

Expert

Well-Known Member

Expert

Expert

Well-Known Member

Similar Threads

Privacy & Transparency

Privacy & Transparency