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

MichalK73 · Jan 10, 2024

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.

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 · Jan 10, 2024

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)

Will be fixed in the next release. Thanks for the heads up.

sdleidel · Jan 16, 2024

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

sdleidel · Jan 24, 2024

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 · Jan 24, 2024

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

Looking into these issues. Thanks.

Mashiane · Jan 24, 2024

@sdleidel

B4X:

Dim dt2Options As RollDateOptions = app.InitRollDateTime

This only works with roll dates created via code.

Will add options for the one using the designer. Its not a bug, its by design at the moment.

sdleidel · Feb 11, 2024

Don’t forget this beautiful framework !
Any updates available ?

Mashiane · Feb 11, 2024

sdleidel said:
Don’t forget this beautiful framework !
Any updates available ?

Download the latest version, it should work.

sdleidel · Feb 14, 2024

Can we use Banano 8.x or only 7.x ?

Mashiane · Feb 14, 2024

Yeah 8 works fine

sdleidel · Feb 23, 2024

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 ? (-:

Mashiane · Feb 23, 2024

sdleidel said:
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 ? (-:

Will be fixed in the next version.

Mashiane · Feb 25, 2024

sdleidel said:
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 ? (-:

2.22 is now available, please download from usual download link.

sdleidel · Mar 1, 2024

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 · Mar 1, 2024

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.

giannimaione · Mar 20, 2024

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:

after upgrade:

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

Mashiane · Mar 20, 2024

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

I am attending to this regression and will make an update available. My apologies about the inconvenience.

Mashiane · Mar 20, 2024

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)

This has been fixed.

Mashiane · Mar 20, 2024

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

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 · Mar 22, 2024

how to use Search into SDUITable ?

here search from SDUITable:

search with phpadmin (mysql) is correct

B4J Tutorial SithasoDaisy TailwindCSS UI Toolkit: Q & A

Well-Known Member

Expert

Active Member

Active Member

Expert

Expert

Active Member

Expert

Active Member

Expert

Active Member

Expert

Expert

Active Member

Expert

Well-Known Member

Expert

Expert

Expert

Well-Known Member

Similar Threads

Privacy & Transparency

Privacy & Transparency