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

sdleidel · Aug 15, 2023

I send you a screenshot pm…

Mashiane · Aug 15, 2023

sdleidel said:
Modal Problem..

I use not the V2.
Have you change anything in the modal ?

1:

Lagerbestand = page. Root.AddModal("mdlLagerbestand", "Lagerbestand", "Bestellen", "Abbruch", "", "1200px")

1:

Lagerbestand = page. Root.AddModal("mdlLagerbestand", "Lagerbestand", "Bestellen", "Abbruch", "", "700px")

The result Is the same width ?

Before, this was always possible, I don't remember when, but with the last version of the lib it doesn't work anymore.

My apologies, this was on my todo list for 1 but on 2. Please download the lib again. This is what had to be done. (a) on small devices, the modal should be full screen and when the size is set (b) use that size. It has been fixed.

Thanks for the heads up.

sdleidel · Aug 30, 2023

Is there a way to set the "Check Select", when i use "Selectall" in the SDUI Table programatical ?

Mashiane · Aug 30, 2023

sdleidel said:
Is there a way to set the "Check Select", when i use "Selectall" in the SDUI Table programatical ?

Try: SetToolbarSelectAllChecked(true)

This only applies to the visible rows.

sdleidel · Aug 30, 2023

And in the rows, how I can set it by row ?

Mashiane · Aug 30, 2023

sdleidel said:
And in the rows, how I can set it by row ?

Add this code to your module

B4X:

'check a row, 0 based
Sub SetRowChecked(tblName As String, rowPos As Int, value As Boolean)
    Dim rowPos As Int = BANano.parseInt(rowPos) + 1
    If SDUIShared.Exists($"${tblName}_${rowPos}_selectall"$) = False Then Return
    BANano.GetElement($"#${tblName}_${rowPos}_selectall"$).SetChecked(value)
End Sub

Usage

B4X:

SetRowChecked(tbEmployees.id, 0, true)

Not tested...

PS: please note this only applies to visible rows, you cannot check/uncheck non-visible rows.

sdleidel · Aug 31, 2023

Mashiane said:
Add this code to your module

B4X:

'check a row, 0 based Sub SetRowChecked(tblName As String, rowPos As Int, value As Boolean) Dim rowPos As Int = BANano.parseInt(rowPos) + 1 If SDUIShared.Exists($"${tblName}_${rowPos}_selectall"$) = False Then Return BANano.GetElement($"#${tblName}_${rowPos}_selectall"$).SetChecked(value) End Sub

Usage

B4X:

SetRowChecked(tbEmployees.id, 0, true)

Not tested...

PS: please note this only applies to visible rows, you cannot check/uncheck non-visible rows.

There is an error.

// [5936] banano.GetElement( {79} ).SetChecked(value)
...u("#" + _tblname + "_" + _rowpos2 + "_selectall").nodes[0].checked=_value;

Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'checked')
at banano_webshop_pgshop.setrowchecked (app1693463235279.js:5068:67)
at banano_webshop_pgshop.mdlsduitablewarenkorbfilialenauswahl_selectrow (app1693463235279.js:5037:4)

How i can fix this ?

Mashiane · Aug 31, 2023

Is your code exactly like this?

B4X:

'check a row, 0 based
Sub SetRowChecked(tblName As String, rowPos As Int, value As Boolean)
    Dim rowPos As Int = BANano.parseInt(rowPos) + 1
    If SDUIShared.Exists($"${tblName}_${rowPos}_selectall"$) = False Then Return
    BANano.GetElement($"#${tblName}_${rowPos}_selectall"$).SetChecked(value)
End Sub

And you are passing it the table name and row on table with existing rows?

There should not be any word like tblname on the error response, check your code again please.

sdleidel · Aug 31, 2023

sdleidel said:
There is an error.

// [5936] banano.GetElement( {79} ).SetChecked(value)
...u("#" + _tblname + "_" + _rowpos2 + "_selectall").nodes[0].checked=_value;

Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'checked')
at banano_webshop_pgshop.setrowchecked (app1693463235279.js:5068:67)
at banano_webshop_pgshop.mdlsduitablewarenkorbfilialenauswahl_selectrow (app1693463235279.js:5037:4)

How i can fix this ?

1:

Sub SetRowChecked(tblName As String, rowPos As Int, value As Boolean)
    Dim rowPos2 As Int = banano.parseInt(rowPos) '+ 1

    If SDUIShared.Exists($"${tblName}_${rowPos2}_selectall"$) = False Then Return
    true")
    SDUIShared.SetChecked($"${tblName}_${rowPos2}_selectall.checkbox"$,value)
   
End Sub

This do what i want, but is this the right way ?

sdleidel · Aug 31, 2023

Mashiane said:
Is your code exactly like this?

B4X:

'check a row, 0 based Sub SetRowChecked(tblName As String, rowPos As Int, value As Boolean) Dim rowPos As Int = BANano.parseInt(rowPos) + 1 If SDUIShared.Exists($"${tblName}_${rowPos}_selectall"$) = False Then Return BANano.GetElement($"#${tblName}_${rowPos}_selectall"$).SetChecked(value) End Sub

And you are passing it the table name and row on table with existing rows?

There should not be any word like tblname on the error response, check your code again please.

No all is correct...

Mashiane · Aug 31, 2023

Can you paste your usage code?

Mashiane · Aug 31, 2023

sdleidel said:
No all is correct...

Do I assume you came up alright?

sdleidel · Aug 31, 2023

Mashiane said:
Do I assume you came up alright?

[

B4X:

    SDUIShared.SetChecked($"${tblName}_${rowPos2}_selectall.checkbox"$,value)

I use this and it goes.

Mashiane · Sep 1, 2023

Mashiane said:
Add this code to your module

B4X:

'check a row, 0 based Sub SetRowChecked(tblName As String, rowPos As Int, value As Boolean) Dim rowPos As Int = BANano.parseInt(rowPos) + 1 If SDUIShared.Exists($"${tblName}_${rowPos}_selectall"$) = False Then Return BANano.GetElement($"#${tblName}_${rowPos}_selectall"$).SetChecked(value) End Sub

Usage

B4X:

SetRowChecked(tbEmployees.id, 0, true)

Not tested...

PS: please note this only applies to visible rows, you cannot check/uncheck non-visible rows.

Adopted this code as...

B4X:

'check a row, 0 based
Sub SetRowSelectChecked(rowPos As Int, value As Boolean)
    Dim rowPos As Int = BANano.parseInt(rowPos) + 1
    If SDUIShared.Exists($"${mName}_${rowPos}_selectall"$) = False Then Return
    BANano.GetElement($"#${mName}_${rowPos}_selectall"$).SetChecked(value)
End Sub

And has been added as part of the table functionality.

Usage:

B4X:

'load items to the table and wait until that is done
BANano.Await(tb1.SetItems(Items))
'check the item at row 2
tb1.SetRowSelectChecked(1, True)

Output:

Thanks!

sdleidel · Sep 1, 2023

Mashiane said:
Will add a "Size" property and will be available soon.

Have you add this ?

My size from a table is always 0...

Mashiane · Sep 1, 2023

sdleidel said:
Have you add this ?

My size from a table is always 0...

Which method do you use to add the items to the table .SetItems? or SetItemsPaginate?

sdleidel · Sep 1, 2023

Mashiane said:
Which method do you use to add the items to the table .SetItems? or SetItemsPaginate?

SetItems

Mashiane · Sep 1, 2023

sdleidel said:
SetItems

Use SetItemsPaginate

sdleidel · Sep 1, 2023

What is the difference ?

Mashiane · Sep 1, 2023

sdleidel said:
What is the difference ?

Returning the Size property only works with SetItemsPaginate. SetItemsPaginate calls SetItems internally only passing a portion of the paginated items in the list.

SetItems does not paginate the table, so if you have 1000 items, it will show all of them, whilst SetItemsPaginate splits your list into pages as per "records per page" propety.

B4J Tutorial SithasoDaisy TailwindCSS UI Toolkit: Q & A

Active Member

Expert

Active Member

Expert

Active Member

Expert

Active Member

Expert

Active Member

Active Member

Expert

Expert

Active Member

Expert

Active Member

Expert

Active Member

Expert

Active Member

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency