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 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 www.b4x.com
 
Last edited:
Click to expand...
asales

asales

Expert
Licensed User
Longtime User
Mashiane said:
Please find solution on the updated demo. Please ensure you update the b4xlib collections also, 2 libs were updated.
Click to expand...
Updated and worked fine. I saw that I can change QRCode image size and download it.
Great addition. Thanks!
 
asales

asales

Expert
Licensed User
Longtime User
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!
1691334891681.png
 
Last edited:
Enrico Fuoti

Enrico Fuoti

Active Member
Licensed User
Longtime User
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

Mashiane

Expert
Licensed User
Longtime User
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
Click to expand...
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

Mashiane

Expert
Licensed User
Longtime User
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.
Click to expand...
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 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

Enrico Fuoti

Active Member
Licensed User
Longtime User
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
[HTTP/1.1 404 Not Found 0ms]

GET
[HTTP/1.1 404 Not Found 0ms]

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

Mashiane

Expert
Licensed User
Longtime User
Enrico Fuoti

Enrico Fuoti

Active Member
Licensed User
Longtime User
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?
Click to expand...
this is what i get:
// [8535] Dim sig As SDUISignaturePad
_sig=/* sduisignaturepad NOT SUPPORTED */;
 
Mashiane

Mashiane

Expert
Licensed User
Longtime User
Enrico Fuoti said:
It was showing the same usual "manifest.txt"
Click to expand...
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.
Click to expand...
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.

1691404646773.png


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

1691404759183.png



Enrico Fuoti said:
_sig=/* sduisignaturepad NOT SUPPORTED */;
Click to expand...
3. This is used internally by the SDUITable, please include the needed B4xlib & add the Call.
 
Enrico Fuoti

Enrico Fuoti

Active Member
Licensed User
Longtime User
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

Mashiane

Expert
Licensed User
Longtime User
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.
Click to expand...
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

asales

Expert
Licensed User
Longtime User
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
 
S

sdleidel

Active Member
Licensed User
Longtime User
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

Mashiane

Expert
Licensed User
Longtime User
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.
Click to expand...
Did you set modal.MaxWidth = "1200px" / "700px"?
 
You must log in or register to reply here.

Similar Threads

Mashiane
  • Article
B4J Tutorial [Web][SithasoDaisy] Mastering the TailwindCSS Grid
Replies
0
Views
260
Mashiane
Mashiane
MichalK73
  • Article
B4J Tutorial SithasoDaisy TailwindCSS - Multilanguage
Replies
2
Views
778
MichalK73
MichalK73
Mashiane
SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)
4 5 6
Replies
110
Views
21K
Mashiane
Mashiane
Mashiane
  • Article
B4J Library [Web] SithasoDaisy: TailwindCss WebApps powered by B4x & BANano
3 4 5
Replies
86
Views
15K
Mashiane
Mashiane
Mashiane
  • Article
Share My Creation [Web] SithasoDaisy: TailwindCSS + DaisyUI Toolbox
3 4 5
Replies
84
Views
18K
Mashiane
Mashiane
Top