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

giannimaione · Aug 1, 2024

Mashiane said:
PS: These are built in into the SDUIShared.? code module included with SithasoDaisy.

yes, there is in SDUIShared.OpenURLWhatsApp
I didn't know; great

Mashiane · Aug 1, 2024

sdleidel said:
Hi,
in a Table i have add the DatePicker1

1:

SDUITableEdit.AddColumnDatePicker1("myenddatum","Bis", False, "d-m-Y", "d-m-Y", False, False, False,"de")

So, after i use "setitems" the Datefield is clear. That is ok, i have not Date set.

How i can change or better, how i can update the Date (Field) with code?

The Field is blank...

When do you want to update / change the date?

There are methods to update content in the "visible" rows of your table after SetItems/ SetItemsPerPage. These start from 1 to n. n being the ItemsPerPage value.

To find your row, you can call FindRowByColumn, the value being a unique value for each row in the table, e.g. id field.

This is done automatically by .SetRowColumnBy (update a particular column in a row) and SetRowBy (update the whole row)

PS: Your date field, myenddatum should contain the date in YYYY-MM-DD format for example, if the list of rows passed with SetItems contain content, this should display.

Ta!

sdleidel · Aug 2, 2024

I

Mashiane said:
When do you want to update / change the date?

There are methods to update content in the "visible" rows of your table after SetItems/ SetItemsPerPage. These start from 1 to n. n being the ItemsPerPage value.

View attachment 155835

To find your row, you can call FindRowByColumn, the value being a unique value for each row in the table, e.g. id field.

This is done automatically by .SetRowColumnBy (update a particular column in a row) and SetRowBy (update the whole row)

PS: Your date field, myenddatum should contain the date in YYYY-MM-DD format for example, if the list of rows passed with SetItems contain content, this should display.

Ta!

I have test it with set

Mashiane said:
When do you want to update / change the date?

There are methods to update content in the "visible" rows of your table after SetItems/ SetItemsPerPage. These start from 1 to n. n being the ItemsPerPage value.

View attachment 155835

To find your row, you can call FindRowByColumn, the value being a unique value for each row in the table, e.g. id field.

This is done automatically by .SetRowColumnBy (update a particular column in a row) and SetRowBy (update the whole row)

PS: Your date field, myenddatum should contain the date in YYYY-MM-DD format for example, if the list of rows passed with SetItems contain content, this should display.

Ta!

Hi,

I have the row from the change event.
I tried updaterow and setitem, etc.

When I look at the item map in the Change Event, it is also changed. But the field remains empty...

Can you give an example?

Mashiane · Aug 2, 2024

I will have to get a simple test project from you to reproduce the issue. Please attach it here. Did you check the demo app on how to add a working date picker on the table?

As a reference, this here is the code structure of inline editing.

Thread '[Web] SithasoDaisy SDUITable Inline Editing - Calculations' https://www.b4x.com/android/forum/t...sduitable-inline-editing-calculations.162035/

sdleidel · Aug 2, 2024

Mashiane said:
I will have to get a simple test project from you to reproduce the issue. Please attach it here. Did you check the demo app on how to add a working date picker on the table?

As a reference, this here is the code structure of inline editing.

Thread '[Web] SithasoDaisy SDUITable Inline Editing - Calculations' https://www.b4x.com/android/forum/t...sduitable-inline-editing-calculations.162035/

I put together a quick “demo”...
You have to click the button
I would like to change one of the date pickers in the SDUITableHolidayEdit_ChangeRow.
But no matter what I do the field remains empty...

sdleidel · Aug 2, 2024

sdleidel said:
I put together a quick “demo”...
You have to click the button
I would like to change one of the date pickers in the SDUITableHolidayEdit_ChangeRow.
But no matter what I do the field remains empty...

When i add the Sub

SDUITableHolidayEdit_Change (Value As Object, Column As String, item As Map)

and the Sub

SDUITableHolidayEdit_Changerow (Row As Int, Value As Object, Column As String, item As Map)

then the code in SDUITableHolidayEdit_Changerow is no longer executed... Why?

Mashiane · Aug 2, 2024

sdleidel said:
When i add the Sub

SDUITableHolidayEdit_Change (Value As Object, Column As String, item As Map)

and the Sub

SDUITableHolidayEdit_Changerow (Row As Int, Value As Object, Column As String, item As Map)

then the code in SDUITableHolidayEdit_Changerow is no longer executed... Why?

Mutually exclusive.

Mashiane · Aug 2, 2024

sdleidel said:
cI put together a quick “demo”...
You have to click the button
I would like to change one of the date pickers in the SDUITableHolidayEdit_ChangeRow.
But no matter what I do the field remains empty...

You are propably just tired. You have added 3 columns to your table.

B4X:

SDUITableHolidayEdit.AddColumnDatePicker("mystartdatum","Von", False, "d-m-Y", "d-m-Y", False, False, False)',"de")
    SDUITableHolidayEdit.AddColumnDatePicker1("myenddatum","Bis", False, "d-m-Y", "d-m-Y", False, False, False,"de")
    SDUITableHolidayEdit.AddColumnRadioGroup("urlaubkrankcheck", "Urlaub/Krank", False, app.COLOR_PRIMARY, CreateMap("urlaub":"Urlaub","krank":"Krank"))

And then you add a row with just 1 column specified.

B4X:

Dim items As List
    items.Initialize
    items.Add(CreateMap("urlaubkrankcheck":"urlaub"))
    banano.await(SDUITableHolidayEdit.SetItemsPaginate(items))

Off course the date will be blank. There is NO column named "mystartdatum" on the row you added. Even if its initially a blank date when you start, for the table to work, each row (aka a map) should have the respective keys matching to the columns. It just doesnt work like this.

Please note that the internal date format should be YYYY-MM-DD, irrespective of the display format.

Mashiane · Aug 3, 2024

@sdleidel , i have updated your example.

I assume this is what you are looking for? That when there is a change in the row, the date pickers are updated?

For date pickers, there is a hidden date picker that gets created by flatpickr component for each date picker that is created. I usually just reload records from the database to refresh my table listing. In this case, the hidden flatpickr component was not being "updated", I then needed to adjust the code to take care of this.

Please unzip the SDUITable.zip file and include this SDUITable component class in your project (NOT IN THE B4XLIB) and see if it fixes the issue.

Ta!

Thanks...

sdleidel · Aug 3, 2024

Mashiane said:
@sdleidel , i have updated your example.

I assume this is what you are looking for? That when there is a change in the row, the date pickers are updated?

View attachment 155888

For date pickers, there is a hidden date picker that gets created by flatpickr component for each date picker that is created. I usually just reload records from the database to refresh my table listing. In this case, the hidden flatpickr component was not being "updated", I then needed to adjust the code to take care of this.

Please unzip the SDUITable.zip file and include this SDUITable component class in your project (NOT IN THE B4XLIB) and see if it fixes the issue.

Ta!

Thanks...

I’m on then road.
I Test it.

yes I think that is the Solution.
Many thanks… ?

Mashiane · Aug 3, 2024

sdleidel said:
I’m on then road.
I Test it.

yes I think that is the Solution.
Many thanks… ?

Pleasure and thanks too for coffee, appreciated!. you just made my evening.

giannimaione · Aug 5, 2024

hello boys,
how to save a "string" on a folder of web site?

in demo, please, see "pgHome" module

B4X:

Dim pdf As SDUIJSPDF
pdf.Save
'here save on local pc user

but how to save on folder "./assets" of web site

B4X:

Dim SuperString As String = pdf.getOutput(pdf.OUTPUT_DATA_URI_STRING)
    Log(SuperString)
'how to save on folder of web site ???

Mashiane · Aug 6, 2024

giannimaione said:
hello boys,
how to save a "string" on a folder of web site?

in demo, please, see "pgHome" module

B4X:

Dim pdf As SDUIJSPDF pdf.Save 'here save on local pc user

but how to save on folder "./assets" of web site

B4X:

Dim SuperString As String = pdf.getOutput(pdf.OUTPUT_DATA_URI_STRING) Log(SuperString) 'how to save on folder of web site ???

Option 1. Use php. There is a php class I published here some time ago with file handling functions.

Option 2. Use pocketbase, you can save the file contents in a field as a base64 string. It's also possible to create a record with the file, this uploads the file to pocketbase and gives you a url for it.

giannimaione · Aug 6, 2024

Mashiane said:
Option 1. Use php. There is a php class I published here some time ago with file handling functions.

with this code

B4X:

Dim a1 As String = pdf.getOutput(pdf.OUTPUT_BLOB)
SDUIShared.DownloadBlob(a1, "blob.pdf") 'it is OK
'a file blob.pdf is saved on local PC

'
'
now i want use your "BANanoPHP" to upload on assets folder

B4X:

Dim blobPDF As String = pdf.getOutput(pdf.OUTPUT_BLOB)
'fileO as Map
'limit as Long
'how to save a string blobPDF into a file "example.pdf"
'your example
bPhp.FileUploadWait(fileO, limit, "./assets")
'how to fileO.Put(????, ??????)

Mashiane · Aug 6, 2024

giannimaione said:

with this code

B4X:

Dim a1 As String = pdf.getOutput(pdf.OUTPUT_BLOB)
SDUIShared.DownloadBlob(a1, "blob.pdf") 'it is OK
'a file blob.pdf is saved on local PC

'
'
now i want use your "BANanoPHP" to upload on assets folder

B4X:

Dim blobPDF As String = pdf.getOutput(pdf.OUTPUT_BLOB)
'fileO as Map
'limit as Long
'how to save a string blobPDF into a file "example.pdf"
'your example
bPhp.FileUploadWait(fileO, limit, "./assets")
'how to fileO.Put(????, ??????)

This is NOT a SithasoDaisy related question but rather a BANano + Php Question.

To help you, I have searched the forum, it seems I had asked a similar question before, here.

[BANano] [SOLVED] How can I upload a file using Php?

Hi there I'm trying to upload a file to the assets folder. As a non-expert (javascript + BANano) person what I'm trying is not working yet. I've tried to adopt an example that I was previously provided as a solution to these file management things by Kiffi. I have attached here my example code...

www.b4x.com

Based on your example code, try this

B4X:

Dim result As BANanoObject = banano.Await(pdf.blob)
      Dim f As BANanoObject
    f.Initialize2("File",Array(Array(result), "testpdf.pdf", CreateMap("type": result.getfield("type"))))
    banano.Await(SDUIShared.UploadFileOptionsWait(f, "../assets", "n"))

For file management functions using BANanoPHP, check this post

[PHP] The Ultimate File Management PHP Functions

Hi there Attached please find some useful php for file management. This is something that I have been wanting for a very long time, decided to create one myself. 1. Zip a folder to a file 2. UnZip a file to a target location 3. Create a text file (recursively) 4. Append to a text file 5...

www.b4x.com

or

[BANanoPHP] A collection of some inline PHP functions

Ola Download With intentions to do some PHP related functions, i've thought why not make a class with all functions that could be used. Besides uploading files, sending emails, we can do other things too. This is based on some stuff I have been using.. Will sectionalize the examples... and...

www.b4x.com

luki_c · Aug 7, 2024

I would like to use banano PWA and your wrapper with ESP32 Could you show how to build a simple site (wifi manager) like the one shown in the link? https://www.instructables.com/WiFiTimeManager-Arduino-IDE-ESP32-Time-Library/

Mashiane · Aug 8, 2024

luki_c said:
I would like to use banano PWA and your wrapper with ESP32 Could you show how to build a simple site (wifi manager) like the one shown in the link? https://www.instructables.com/WiFiTimeManager-Arduino-IDE-ESP32-Time-Library/

Hi, if you know how to use the abstract designer, you are halfway there.

Check this out as a start.

Also there is a free wireframing tool that you can use to plan your UI. This also comes with a guide on how to create the UI using the abstract designer. This tool is here.

[Web][SithasoDaisy Wireframes]: Unleash the Force of Ultimate Web MobileApp Design

Hi Fam Download (unzip the file and double click the .bat file to start the app) ***** PRE LAUNCH ***** Hey there, fellow web enthusiasts! Are you tired of the cumbersome process of designing mobile web applications? Do you wish there was a tool that could streamline your workflow and unleash...

www.b4x.com

The same approach you would use to drag n drop components inside the abstract designer is what is followed here too.

Is there anything else.

luki_c · Aug 8, 2024

Mashiane said:
Is there anything else.

Yes I just wanted to say that I am impressed by the quality of the material I have obtained after purchasing your library. Thank you for this work.
PS. The entry from the second link I didn't know before, I still have a lot to learn.

giannimaione · Sep 28, 2024

hello,
in my project there are several pages;
now i am on the page named "customers";

B4X:

private Sub BuildPage
banano.LoadLayout(app.PageViewer, "CustomerLayout")
'....SDUITableCustomer
'....

is it possible to run the page named "detail" where i show:

B4X:

private Sub BuildPage
banano.LoadLayout(app.PageViewer, "DetailLayout")
'....SDUITableDetail
'....

and then close the "detail" page and go back to the "customers" page?

Mashiane · Sep 28, 2024

giannimaione said:
hello,
in my project there are several pages;
now i am on the page named "customers";

B4X:

private Sub BuildPage banano.LoadLayout(app.PageViewer, "CustomerLayout") '....SDUITableCustomer '....

is it possible to run the page named "detail" where i show:

B4X:

private Sub BuildPage banano.LoadLayout(app.PageViewer, "DetailLayout") '....SDUITableDetail '....

and then close the "detail" page and go back to the "customers" page?

Page navigation is as simple as executing customers.Show(App) and detail.show(app)

B4J Tutorial SithasoDaisy TailwindCSS UI Toolkit: Q & A

Well-Known Member

Expert

Active Member

Expert

Active Member

Attachments

Active Member

Expert

Expert

Expert

Attachments

Active Member

Expert

Well-Known Member

Attachments

Expert

Well-Known Member

Expert

Attachments

Member

Expert

Member

Well-Known Member

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency