B4J Tutorial 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

SithasoDaisy

TailwindCSS WebApps using b4x
t.me 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 www.b4x.com
 
Last edited:
Click to expand...
MichalK73

MichalK73

Well-Known Member
Licensed User
Longtime User
Mashiane said:
Did you see the 3 page template project? This has 1 drawer and navbar and additional pages that one can navigate to with the drawer and navbar intact in pgindex.
Click to expand...
Yes I saw but I wanted just navbar without using appdrawer.
Surprisingly I succeeded.
In pgindex I added line number 10:
pgindex: 
Sub Initialize                    'ignoreDeadCode
    'initialize the app
    app.AddApp(Me, Main.AppName)
    BANano.Await(app.UsesJQuery)
    BANano.Await(app.UsesSignaturePad)
    'set the font of the app
    app.Font = "font-sans"
    'load the base layout
    BANano.LoadLayout(app.Here, "baselayout2")
    app.AddPageView
'    BANano.LoadLayout(app.Here, "baselayout")
    'link this app to the drawer, this is needed
    'when adding pages to side nav
'    appdrawer.app = app
    'create the drawer menu
'    CreateDrawerMenu
    'add any other page not added to the drawer menu
'    AddPages
    navmenu
    'show the home page
    pgHome.Show(app)
End Sub
Wow then in pgone:

B4X: 
'sub to show the page
Sub Show(duiapp As SDUIApp)            'ignore
    page.AddPage(Me, name)
    page.Root.p(6)
    'get the reference to the app
    app = duiapp
    'build the page, via code or loadlayouts
    BuildPage
End Sub
Working fine
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
MichalK73 said:
Yes now it works ok, but there was another small problem.
I set identical colors for navbar and menu but there is a background difference and they don't coincide.

View attachment 149516
B4X: 
    menu3.Horizontal
    menu3.AddItem("jeden", "Pod strona nr 1")
    menu3.AddItem("dwa", "Pod strona nr 2")
    menu3.AddItem("trzy", "Pod strona nr 3")
    menu3.AddItem("cztery", "Pod strona nr 4")
    menu3.BGColorIntensity("grey",500)
    appnavbar.BGColorIntensity("grey",500)
Click to expand...
Will be fixed in the next release. Thanks for the heads up.


HorizontalMenuInNavBar.gif
 
S

sdleidel

Active Member
Licensed User
Longtime User
I have a question at the Rolldate.
i have add a Rolldate with the designer.
how i can change the "Confirm" and "Cancel" Text ?
1: 
SDUIrolldate.Cancel = "Abbruch" do nothing

Or with the options ? But how i can add this to the Rolldate what i have add with the designer?
2: 
Dim dt2Options As RollDateOptions = app.InitRollDateTime
ddt2Options.Cancel  = "Abbruch"

And... I found a Bug ?

I add a rolldate in the designer, without a caption Text. then confirm and cancel a disabled.
i dont´t need the Text on the top of the Datefield.
I have found a solution for this.
Wirte a Text in the Captionfield in the Designer.
SDUITextBoxHomeDate2.Label.hidden(True) to hide the Text on the top of the Datefield...
 
Last edited:
S

sdleidel

Active Member
Licensed User
Longtime User
Next Problem...

The Roll-time Gadget...

I disable and set it to read only in my code, i can click on it and the roll-time (with confirm and cancel) appears...
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
sdleidel said:
I have a question at the Rolldate.
i have add a Rolldate with the designer.
how i can change the "Confirm" and "Cancel" Text ?
1: 
SDUIrolldate.Cancel = "Abbruch" do nothing

Or with the options ? But how i can add this to the Rolldate what i have add with the designer?
2: 
Dim dt2Options As RollDateOptions = app.InitRollDateTime
ddt2Options.Cancel  = "Abbruch"

And... I found a Bug ?

I add a rolldate in the designer, without a caption Text. then confirm and cancel a disabled.
i dont´t need the Text on the top of the Datefield.
I have found a solution for this.
Wirte a Text in the Captionfield in the Designer.
SDUITextBoxHomeDate2.Label.hidden(True) to hide the Text on the top of the Datefield...
Click to expand...
Looking into these issues. Thanks.
 
S

sdleidel

Active Member
Licensed User
Longtime User
1: 
page.Root.AddModal( "mdlconfirm", "Confirm", "Yes", "No", "", "100px")

or

2: 
page.Root.AddModal( "mdlconfirm", "Confirm", "Yes", "No", "", "1500px")

makes no different... Is the "Bug" back ? (-:
 
S

sdleidel

Active Member
Licensed User
Longtime User
The Timepicker in a Table make Problems.


1: 
flatpickr.min.js:2
 Error: flatpickr: invalid locale
    at se (flatpickr.min.js:2:26183)
    at flatpickr.min.js:2:39844
    at k (flatpickr.min.js:2:49339)
    at T (flatpickr.min.js:2:49626)
    at I (flatpickr.min.js:2:50016)
    at BANanoExec (bananocore.js:18:9426)
    at _B.addrow (sithasodaisy.js:99054:1)
    at _B.setitems (sithasodaisy.js:95047:10)
    at async _B.setitemspaginate (sithasodaisy.js:94735:1)
    at async banano_sithasodaisydemo_tables5.build_table5 (app.js:28806:1)
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
sdleidel said:
The Timepicker in a Table make Problems.


1: 
flatpickr.min.js:2
 Error: flatpickr: invalid locale
    at se (flatpickr.min.js:2:26183)
    at flatpickr.min.js:2:39844
    at k (flatpickr.min.js:2:49339)
    at T (flatpickr.min.js:2:49626)
    at I (flatpickr.min.js:2:50016)
    at BANanoExec (bananocore.js:18:9426)
    at _B.addrow (sithasodaisy.js:99054:1)
    at _B.setitems (sithasodaisy.js:95047:10)
    at async _B.setitemspaginate (sithasodaisy.js:94735:1)
    at async banano_sithasodaisydemo_tables5.build_table5 
[/QUOTE]

i will check.
Click to expand...
 
giannimaione

giannimaione

Well-Known Member
Licensed User
Longtime User
with new version of sithasodaisy (20/03/2024) change SDUITextBox Custom Properties:
B4X: 
Input Type: date-picker
Date Picker Locale: it
Date Time Format: d-m-Y
(missing DP Alt Input)
the previous date:
before.PNG

after upgrade:

after.PNG

how to set date-picker "day/month/year" ?
example 20/03/2024
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
giannimaione said:
with new version of sithasodaisy (20/03/2024) change SDUITextBox Custom Properties:
B4X: 
Input Type: date-picker
Date Picker Locale: it
Date Time Format: d-m-Y
(missing DP Alt Input)
the previous date:
View attachment 151956
after upgrade:

View attachment 151957
how to set date-picker "day/month/year" ?
example 20/03/2024
Click to expand...
I am attending to this regression and will make an update available. My apologies about the inconvenience.
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
sdleidel said:
The Timepicker in a Table make Problems.


1: 
flatpickr.min.js:2
 Error: flatpickr: invalid locale
    at se (flatpickr.min.js:2:26183)
    at flatpickr.min.js:2:39844
    at k (flatpickr.min.js:2:49339)
    at T (flatpickr.min.js:2:49626)
    at I (flatpickr.min.js:2:50016)
    at BANanoExec (bananocore.js:18:9426)
    at _B.addrow (sithasodaisy.js:99054:1)
    at _B.setitems (sithasodaisy.js:95047:10)
    at async _B.setitemspaginate (sithasodaisy.js:94735:1)
    at async banano_sithasodaisydemo_tables5.build_table5 (app.js:28806:1)
Click to expand...
This has been fixed.
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
giannimaione said:
with new version of sithasodaisy (20/03/2024) change SDUITextBox Custom Properties:
B4X: 
Input Type: date-picker
Date Picker Locale: it
Date Time Format: d-m-Y
(missing DP Alt Input)
the previous date:
View attachment 151956
after upgrade:

View attachment 151957
how to set date-picker "day/month/year" ?
example 20/03/2024
Click to expand...
This has been fixed.

For more details, see this thread: https://www.b4x.com/android/forum/t...-about-the-flatpickr-date-time-picker.160009/
 
giannimaione

giannimaione

Well-Known Member
Licensed User
Longtime User
how to use Search into SDUITable ?

here search from SDUITable:
sithasodaisy.PNG

search with phpadmin (mysql) is correct
phpmyadmin.PNG
 
You must log in or register to reply here.

Similar Threads

Mashiane
  • Article
B4J Tutorial [Web][SithasoDaisy] Mastering the TailwindCSS Grid
Replies
0
Views
260
Mashiane
Mashiane
MichalK73
  • Article
B4J Tutorial SithasoDaisy TailwindCSS - Multilanguage
Replies
2
Views
778
MichalK73
MichalK73
Mashiane
SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)
4 5 6
Replies
110
Views
21K
Mashiane
Mashiane
Mashiane
  • Article
B4J Library [Web] SithasoDaisy: TailwindCss WebApps powered by B4x & BANano
3 4 5
Replies
86
Views
15K
Mashiane
Mashiane
Mashiane
  • Article
Share My Creation [Web] SithasoDaisy: TailwindCSS + DaisyUI Toolbox
3 4 5
Replies
84
Views
18K
Mashiane
Mashiane
Top