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

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]

Question about the table. Can you also color a whole line, e.g. line 4 in red?

 

[asales]

I have added the locales for this. You can set such in the AD or code.

I started to check the modifications and is very good, until now. Thanks!

fc.Locale = "pt-br"

The radiogroup and maxlength was fixed with version 1.31.

radGender.Hide
message.MaxLength = 500

works fine now.

 

[asales]

I try this code from File Input:

fi = page.Cell(1, 1).AddFileInputLabel("fi", "Upload File", "(png, jpg, jpeg)", False)
fi.AcceptImagesOnly

It works fine to image, but I need to filter other types (to avoid upload a wrong file type).

There is a way to filter the file extensions to ".txt,.json,.cad", for example?

Thanks in advance.

 

[Mashiane]

I try this code from File Input:

fi = page.Cell(1, 1).AddFileInputLabel("fi", "Upload File", "(png, jpg, jpeg)", False)
fi.AcceptImagesOnly

It works fine to image, but I need to filter other types (to avoid upload a wrong file type).

There is a way to filter the file extensions to ".txt,.json,.cad", for example?

Thanks in advance.

.accept = ".txt,.json,.cad"

or

in abstract designer Accept property put - .txt,.json,.cad

 

[asales]

.accept = ".txt,.json,.cad"

or

in abstract designer Accept property put - .txt,.json,.cad

That was it. Thanks again.

 

[asales]

I'm trying to delete a file (after upload and read it).
This code below it seems works fine.
This is the correct code to make this in SithasoDaisy or there is another way?

'delete the file
Dim php As SDUIPhp
php.Initialize("", False)
Dim res As String = banano.Await(php.FileDeleteWait(fileDet.FullPath))

 

[Mashiane]

I'm trying to delete a file (after upload and read it).

Yes... deleting files can be done using PHP, have not used anything else yet.

You can also find other file management functions (already built into SithadoSaidy) here

[BANanoPhpFileAPI] PHP File Management for BANano

Ola Some time ago I published this. https://www.b4x.com/android/forum/threads/php-the-ultimate-file-management-php-functions.134401/ So here is the BANano Version. #Have Fun, Extend. BANanoPHP Initialize (sLogFile As String, bIncludeResponses As Boolean) As BANanoPHP initialize the class...

www.b4x.com

 

[MichalK73]

Hello.

SDUIChat. If I upload one message it works e.g. with SDUITexBox, but when I upload several messages (e.g. from an archive) only the first message is visible, the others are not.
How do I solve this?

    chat.AddConversationToBasic("00","Witamy w pokoju")
    chat.AddConversationToBasic("01","/help - zobacz opcje usera")
    chat.AddConversationToBasic("02","/admin - zobacz opcje admina")

 

[Mashiane]

Hello.

SDUIChat. If I upload one message it works e.g. with SDUITexBox, but when I upload several messages (e.g. from an archive) only the first message is visible, the others are not.
How do I solve this?

    chat.AddConversationToBasic("00","Witamy w pokoju")
    chat.AddConversationToBasic("01","/help - zobacz opcje usera")
    chat.AddConversationToBasic("02","/admin - zobacz opcje admina")

HTML element ids cannot start with a number. "01" is used to create an element id, which will start with that number, please prefix the id with an alphabet letter.

 

[Enrico Fuoti]

I have added the locales for this. You can set such in the AD or code.

fc = page.Cell(1, 1).AddFullCalendar("fc")
    'https://fullcalendar.io/docs/locale-demo
    fc.Locale = "af"

View attachment 140548

Hello MAshiane,
Locale property is great, but I still have two issues with date picker.
1) if i add a datepicker column in a table, somehow the date shown is not the one stored in database, I could not understand why.
2) when i open the edit record dialog form to edit the record, the date is correct as the one on database, but the format date property has no effect. whatever you you write on the property, the date is always shown as Y-m-d,

 

[Mashiane]

Hello MAshiane,
Locale property is great, but I still have two issues with date picker.
1) if i add a datepicker column in a table, somehow the date shown is not the one stored in database, I could not understand why.
2) when i open the edit record dialog form to edit the record, the date is correct as the one on database, but the format date property has no effect. whatever you you write on the property, the date is always shown as Y-m-d,

It would help if there was an example to reproduce this or even screen shots of the issues. Do you want to help me out here please?

 

[Enrico Fuoti]

sure of course, I attach 2 screenshots, If you want i can send you the source, but in that case I should send you the db as well.
if i use this code on buildtable sub:
'tbl.AddColumnDatePicker1("dataordine", "Data Ordine",False,"d-m-Y","d-m-Y",False,False,False,"it")
the date shown is "20-03-2023" as you can see on first screenshot. if i press edit on this row. the date shown for the same field on edit window is "2023-03-11" which is the correct date saved in database.. (2nd screenshot.
if on buildtable i use:
tbl.AddColumn("dataordine", "Data Ordine")
the date will show "2023-03-11"

the real db value is 11-03-2023

 

[Enrico Fuoti]

sure of course, I attach 2 screenshots, If you want i can send you the source, but in that case I should send you the db as well.
if i use this code on buildtable sub:
'tbl.AddColumnDatePicker1("dataordine", "Data Ordine",False,"d-m-Y","d-m-Y",False,False,False,"it")
the date shown is "20-03-2023" as you can see on first screenshot. if i press edit on this row. the date shown for the same field on edit window is "2023-03-11" which is the correct date saved in database.. (2nd screenshot.
if on buildtable i use:
tbl.AddColumn("dataordine", "Data Ordine")
the date will show "2023-03-11"

View attachment 141390

the real db value is 11-03-2023


View attachment 141391

It would help if there was an example to reproduce this or even screen shots of the issues. Do you want to help me out here please?

Hello Mashiane,
I found out the the problem was in the date format parameters,

tbl.AddColumnDatePicker1("dataordine", "Data Ordine",False,"d-m-Y","d-m-Y",False,False,False,"it"). <--- wrong
tbl.AddColumnDatePicker1("dataordine", "Data Ordine",False,"Y-m-d","d-m-Y",False,False,False,"it"). <--- correct

still it looks like dateformat in sduitext column has no effect and date there is always shown as "Y-m-d"

 

[Enrico Fuoti]

the second issue is also solved,
i found out that checking DP alt input property made format work in edit dialog form,
Sorry I should have digged a bit more before posting a hread.

 

[miladfakhrizade]

Is it possible to add Jalali calendar for Iran to datepicker?

GitHub - daalfox/javid: Modern jalali datepicker for vue

Modern jalali datepicker for vue. Contribute to daalfox/javid development by creating an account on GitHub.

github.com

 

[Mashiane]

Is it possible to add Jalali calendar for Iran to datepicker?

GitHub - daalfox/javid: Modern jalali datepicker for vue

Modern jalali datepicker for vue. Contribute to daalfox/javid development by creating an account on GitHub.

github.com

Hi, as such is a "vue" based component, sadly it will not work with SithasoDaisy.

 

[miladfakhrizade]

Hi, as such is a "vue" based component, sadly it will not work with SithasoDaisy.

Is it possible to add to bananovuetify??

 

[giannimaione]

how to enable

 LOG(myvar)

with sithasodaisy / banano ?

 

[Mashiane]

how to enable

 LOG(myvar)

with sithasodaisy / banano ?

The result of myvar will appear on the browser console.

Shift + Control + I

 

[giannimaione]

The result of myvar will appear on the browser console.

simple