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

asales · Aug 6, 2023

Mashiane said:
Please find solution on the updated demo. Please ensure you update the b4xlib collections also, 2 libs were updated.

Updated and worked fine. I saw that I can change QRCode image size and download it.
Great addition. Thanks!

asales · Aug 6, 2023

About this loading when the page is opened: can I disable it?

Edit: I saw that I can disable it by removing these lines:

B4X:

app.PagePause
app.PageResume

My other question: do I need this and, If yes, what for?
Thanks!

Enrico Fuoti · Aug 6, 2023

Hello Mashiane,
I'm trying to upgrade to Sithaso 2.0 with no success. The start login page doesn't appear.
I followed all the instruction in the migration pdf.
I also tried to upgrade the SithasoDaisyMultiUser demo, with no success.
Perhaps you could upgrade the multiuser demo so i make sure i'm not missing any step.
If i'm doing everything right, there should be something to be fixed in Sithaso 2.0 with pocketbase login.
Thanks.

Mashiane · Aug 6, 2023

asales said:
About this loading when the page is opened: can I disable it?

Edit: I saw that I can disable it by removing these lines:

B4X:

app.PagePause app.PageResume

My other question: do I need this and, If yes, what for?
Thanks!
View attachment 144518

If you dont want to show the loader/progress when the app starts, comment this line in the Main code module

B4X:

BANano.Header.OnDOMContentLoaded = SDUIShared.DOMContentLoaded

Yes you can enable / disable it with pagepause and pageresume.

Mashiane · Aug 6, 2023

asales said:
do I need this and, If yes, what for?

Such loaders usually indicate that the application is "working on something...".
Using them of course is at your own discretion as a developer and you can turn it off / on with the respective calls.

Mashiane · Aug 6, 2023

Enrico Fuoti said:
Hello Mashiane,
I'm trying to upgrade to Sithaso 2.0 with no success. The start login page doesn't appear.
I followed all the instruction in the migration pdf.
I also tried to upgrade the SithasoDaisyMultiUser demo, with no success.
Perhaps you could upgrade the multiuser demo so i make sure i'm not missing any step.
If i'm doing everything right, there should be something to be fixed in Sithaso 2.0 with pocketbase login.
Thanks.

I am so sorry to hear that. In most cases where people have failed the upgrade is due to (a) not including the needed b4xlib and (b) not calling the app.Uses call. This will be evident in the web console log.

1. I am assuming that you have also gone through this thread, to get an understanding of what we are trying to achieve?

SithasoDaisy 2 - The Power to Choose Edition Now Available

Hi there Demo on Vercel NB: Merging of CSS & JS SHOULD BE FALSE BANano.TranspilerOptions.MergeAllCSSFiles = False BANano.TranspilerOptions.MergeAllJavascriptFiles = False It is with pleasure to announce The Power to Choose Edition of SithasoDaisy. Basically this collection of b4xlibs gives...

www.b4x.com

2. You have extracted the SithasoDemo2.zip example code and ran it? Does that work?
3. Please attach your web console logs so that we can look at what is the issue.

Enrico Fuoti · Aug 6, 2023

1. I am assuming that you have also gone through this thread, to get an understanding of what we are trying to achieve?
I think i did, it's not too difficult.

2. You have extracted the SithasoDemo2.zip example code and ran it? Does that work?
Yes i did, SithasoDemo2 works fine.

The log don't show much really.

This is what i get from multiuserd demo:

Errore durante l’interpretazione di “scrollbar-color”. Dichiarazione tralasciata. index.html:30:327
Errore durante l’interpretazione di “scrollbar-color”. Dichiarazione tralasciata. index.html:30:1832
Errore durante l’interpretazione di “scrollbar-color”. Dichiarazione tralasciata. index.html:30:3337
GET

https://localhost/sithasomultiuser/assets/apple-touch-icon.png
[HTTP/1.1 404 Not Found 0ms]

GET

https://localhost/sithasomultiuser/assets/favicon.ico
[HTTP/1.1 404 Not Found 0ms]

Uncaught SyntaxError: expected expression, got ';' app.js:382:360678

Mashiane · Aug 6, 2023

Enrico Fuoti said:
Uncaught SyntaxError: expected expression, got ';' app.js:382:360678

run your app in debug mode, when this error appears again in web console, click the line, it will take you to the source code line the error appears?

So you dont have any errors in the b4j ide logs?

Mashiane · Aug 7, 2023

Enrico Fuoti said:
Errore durante l’interpretazione di “scrollbar-color”. Dichiarazione tralasciata. index.html:30:327

Error interpreting scrollbar-color. Statement omitted. index.html:30:327

Ditto...

Mashiane · Aug 7, 2023

Enrico Fuoti said:
GET
https://localhost/sithasomultiuser/assets/apple-touch-icon.png [HTTP/1.1 404 Not Found 0ms]

GET
https://localhost/sithasomultiuser/assets/favicon.ico [HTTP/1.1 404 Not Found 0ms]

These warnings are normal when those files do not exist. Once one creates a favicon and the png file then the errors goes away.

I am failing to understand any link to V2 about these errors because V1 would report the same thing if such files are not existing in the project.

Enrico Fuoti · Aug 7, 2023

Yes,
the favicon errors do show also in V1. I didn't care about them in the multiuser demo as i just copied the whole log.
I did not copy the b4j ide log errors because there were many. It was showing the same usual "manifest.txt" not found error that was always shown in V1, but in V2 this is repeated for each sithaso b4xlib selected.

Looking better in the log found this part that i didn't not notice before.
------------------------------
[ERROR 22]: [SDUITable,getpropertyvalue: 9180] sduisignaturepad(METHODVAR) is not supported in BANano!
--> v = sig.toDataURL
--> Current index: 3
--> Var : B4JName: sig, EventName: , JSName: _sig ,ISPRIVATE: true,B4JTYPE: sduisignaturepad, IsArray: false, InitValue: _B._signatures["" + _B._mname + "_" + _key + ""]
--> Method : ---- METHOD: getpropertyvalue (MODULE: SDUITable, ISPRIVATE: false) ----
B4J DECLARE:
LINE NUMBER: 9135
ORIGINAL LINE: Sub GetPropertyValue(Key As String) As String
CLEANED LINE: sub getpropertyvalue(key as string) as string
WORDS: sub|getpropertyvalue|(|key|as|string|)|as|string|
INTERNAL VARS:
B4JName: key, EventName: , JSName: _key ,ISPRIVATE: true,B4JTYPE: string, IsArray: false, InitValue: ""
B4JName: scomponenttype, EventName: , JSName: _scomponenttype ,ISPRIVATE: true,B4JTYPE: string, IsArray: false, InitValue: _B._componenttype[_key]
B4JName: v, EventName: , JSName: _v ,ISPRIVATE: true,B4JTYPE: string, IsArray: false, InitValue: ""
B4JName: itemx, EventName: , JSName: _itemx ,ISPRIVATE: true,B4JTYPE: bananoelement, IsArray: false, InitValue: null
B4JName: sig, EventName: , JSName: _sig ,ISPRIVATE: true,B4JTYPE: sduisignaturepad, IsArray: false, InitValue:
RETURNS: B4JTYPE: string, IsArray: false, InitValue: ""
------------------------------

Below what i got from the source in debug mode.

Mashiane said:
run your app in debug mode, when this error appears again in web console, click the line, it will take you to the source code line the error appears?

this is what i get:
// [8535] Dim sig As SDUISignaturePad
_sig=/* sduisignaturepad NOT SUPPORTED */;

Mashiane · Aug 7, 2023

Enrico Fuoti said:
It was showing the same usual "manifest.txt"

1. This is usually done by an improper BANano configuration, its not related to SithasoDaisy at all.
Recommendation: Use smaller path names e.g. (a) c:\b4j\workspace (b) c:\b4j\libraries and (c) c:\b4j\shared. Store all additional libraries in c:\b4j\libraries and not on C:\Program Files\Anywhere Software\B4J\Libraries

Sadly I cant help you on this one. I cannot reproduce it.

Enrico Fuoti said:
Looking better in the log found this part that i didn't not notice before.

2. Yes, the b4j ide log should be your first point of call when your app is not working. Please next time for me to be able to help you properly, give as much information as possible e.g. include a dump of your web console / b4j ide.

To save the web console, right click on it and click Save as..., zip the file and attach it to your post.

In the b4j ide, you can copy all to clip boad,

Enrico Fuoti said:
_sig=/* sduisignaturepad NOT SUPPORTED */;

3. This is used internally by the SDUITable, please include the needed B4xlib & add the Call.

Enrico Fuoti · Aug 7, 2023

thank you Mashiane,
I moved the b4j Banano and Sithaso libs to "b4j/libraries folder" and this fixed the manifest.txt error.
Anyway this was not the main issue.

3. This is used internally by the SDUITable, please include the needed B4xlib & add the Call.

I'm attaching the complete ide and browser log. They show many errors
I do not understand where they come from.
Also in case it can help, i'll attach the full project.

Mashiane · Aug 7, 2023

Enrico Fuoti said:
thank you Mashiane,
I moved the b4j Banano and Sithaso libs to "b4j/libraries folder" and this fixed the manifest.txt error.
Anyway this was not the main issue.

3. This is used internally by the SDUITable, please include the needed B4xlib & add the Call.

I'm attaching the complete ide and browser log. They show many errors
I do not understand where they come from.
Also in case it can help, i'll attach the full project.

I have created new b4xtemplates for all the previous ones and these are now available as indicated earlier today with the V2 updates. You can use that as reference.

Either way, you can dm me your project I will help you out.

asales · Aug 8, 2023

I updated to the new version and, until now, it works without problems.

This is not a bug to me, but when I compile any project, I see this line (and I don't use the singnaturepad lib):

B4X:

Processing b4xlib: sithasodaisysignaturepad

sdleidel · Aug 14, 2023

Is this possible?

You can scroll it to the right and left or push it.

Mashiane · Aug 14, 2023

Is this related to SithasoDaisy?

sdleidel · Aug 14, 2023

Mashiane said:
Is this related to SithasoDaisy?

yes the question is, whether you can incorporate something like this into shitsodays.

sdleidel · Aug 15, 2023

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.

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.

Did you set modal.MaxWidth = "1200px" / "700px"?

B4J Tutorial SithasoDaisy TailwindCSS UI Toolkit: Q & A

Expert

Expert

Active Member

Expert

Expert

Expert

Active Member

Expert

Expert

Expert

Active Member

Expert

Active Member

Expert

Expert

Active Member

Expert

Active Member

Active Member

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency