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

 

[giannimaione]

another question / doubt

how secure is pocketbase?
if a geek (bad boy) sniffs the traffic, is he able to wipe / destroy the database?

what are the rules to have pocketbase on the vps in a safe way?
API RULES? esempio

 

[Mashiane]

another question / doubt

how secure is pocketbase?
if a geek (bad boy) sniffs the traffic, is he able to wipe / destroy the database?

what are the rules to have pocketbase on the vps in a safe way?
API RULES? esempio

Im sure you can get your answers from their website, here is the link again, https://pocketbase.io/

They have a github account that you can also ask questions or raise issues if need be.

 

[sdleidel]

A question about the list view. Is it possible to change the height of the individual entries?

 

[Mashiane]

A question about the list view. Is it possible to change the height of the individual entries?

The SDUITable can now be used as a listview, see when you click the "Table ListView" example. The height will depend on the items in the row. Fortunately, you can size the table column component by specifying its size.

I will play around and see about changing the item height in the ListView.

 

[sdleidel]

FullCalendar
Can you add 2 or more events ?

if you move an entry and if you virtually make a new one with the mouse? When pulling down with the mouse.

Or make it touch compatible. Long press to add a new event…

And /or an event when you click on an empty area so that you can enter a new appointment?

And a event when dropping a event to a different day or time…

How do I find out what I have marked?

Any news ?
I need this calendar for my project.

 

[Mashiane]

Or make it touch compatible. Long press to add a new event…

And a event when dropping a event to a different day or time…

Any news ?
I need this calendar for my project.

New Events Added..

#Event: EventDrop (args As Map)
#Event: EventResize (args As Map)
#Event: Drop (args As Map)
#Event: DateClick (args As Map)
#Event: Select (args As Map)

dateClick and selectable dates/times - Demos | FullCalendar

fullcalendar.io

Enable event dragging/resizing - Demos | FullCalendar

fullcalendar.io

 

[sdleidel]

New Events Added..

#Event: EventDrop (args As Map)
#Event: EventResize (args As Map)
#Event: Drop (args As Map)
#Event: DateClick (args As Map)
#Event: Select (args As Map)

dateClick and selectable dates/times - Demos | FullCalendar

fullcalendar.io

Enable event dragging/resizing - Demos | FullCalendar

fullcalendar.io

I have test it.
That´s great.

You are the best !

 

[asales]

There are a way to generate a QRCode image in the page and download this image?

 

[Mashiane]

There are a way to generate a QRCode image in the page

Yes, see demo. I assume you mean web page...

Downloading???

Will play around and keep you posted.

 

[asales]

Yes, see demo. I assume you mean web page...

Thanks. I'll see.

Downloading???

Will play around and keep you posted.

To download the image generated in the QRCode to use in this way:

 

[asales]

I update to SithasoDaisy 2 and this piece of code broke my page.
In previous version works fine.
What is wrong?

Dim dt1Options As RollDateOptions = app.InitRollDateTime
dt1Options.beginYear = 1900
dt1Options.endYear = 2050
dt1Options.Cancel = "Cancel"
dt1Options.Confirm = "Confirm"
dt1Options.Title = "Select Date"
dt1Options.DateTimeFormat = "DD/MM/YYYY"
txtDate = page.Cell(7, 3).AddRollDateTime("txtDate", "Birthday Date / Activity Date", "", "", "", dt1Options)
txtDate.Placeholder = "DD/MM/YYYY"

 

[Mashiane]

I update to SithasoDaisy 2 and this piece of code broke my page.
In previous version works fine.
What is wrong?

Dim dt1Options As RollDateOptions = app.InitRollDateTime
dt1Options.beginYear = 1900
dt1Options.endYear = 2050
dt1Options.Cancel = "Cancel"
dt1Options.Confirm = "Confirm"
dt1Options.Title = "Select Date"
dt1Options.DateTimeFormat = "DD/MM/YYYY"
txtDate = page.Cell(7, 3).AddRollDateTime("txtDate", "Birthday Date / Activity Date", "", "", "", dt1Options)
txtDate.Placeholder = "DD/MM/YYYY"

Did you read the upgrade guide that came with the download?

This is a plugin and now needs to be chosen in the "libraries manager". See this example.

and the update of pgIndex Initialize

[Web] SithasoDaisy - Deferring CSS & JS Files so that they are loaded ONLY when needed.

Ola Demo on Vercel One of the nice things about BANano is the built in functionality around LoadJS. I noted this on the console log when I was updating some stuff on the SithasoDaisy b4xlib and trying this "..ForLater" terminology. LoadJS is a tiny async loading library for modern browsers...

www.b4x.com

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

There is no need to rush and use V2 if you are not ready yet. You can see how the demo example has been updated to use V2.

All the best

 

[Mashiane]

Thanks. I'll see.

To download the image generated in the QRCode to use in this way:
View attachment 144448

Will see if we can get a print version with the next update.

 

[asales]

Did you read the upgrade guide that came with the download?

This is a plugin and now needs to be chosen in the "libraries manager". See this example.

View attachment 144469

and the update of pgIndex Initialize

View attachment 144470

[Web] SithasoDaisy - Deferring CSS & JS Files so that they are loaded ONLY when needed.

Ola Demo on Vercel One of the nice things about BANano is the built in functionality around LoadJS. I noted this on the console log when I was updating some stuff on the SithasoDaisy b4xlib and trying this "..ForLater" terminology. LoadJS is a tiny async loading library for modern browsers...

www.b4x.com

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

There is no need to rush and use V2 if you are not ready yet. You can see how the demo example has been updated to use V2.

All the best

I updated the pgIndex, but forget the lib.
Solved. Thanks!

 

[asales]

Will see if we can get a print version with the next update.

I saw that it generate a image of the QRCode.
I just need to figure out how to save this image using a button (and not using the popup menu 'Save Image As').

 

[asales]

Other question:
- How to resize the QRCode in code?
I saw the code in demo to "AD QRCode" using the designer and I can change then size of the SDUIQRCode component in the designer.

In the "QRCode - Code" of the demo, the QRCode component is add in this way:

qrcode1.AddQRCode(Me, page.Cell(3, 1).Name, "qrcode1")

How can I resize it?

Thanks for your support.

 

[asales]

Hi @Mashiane.
I want to create a single page with the FullCalendar component (or the EVOCalendar).
I used the SithasoFree template and add the libs.
I checked the SithasoDaisyDemo too and the PDF ebook, but I don't know what I do wrong or am I missing. Only the progress in color is show.
My example project is in attach.
Thanks for your help.

 

[Mashiane]

Other question:
- How to resize the QRCode in code?
I saw the code in demo to "AD QRCode" using the designer and I can change then size of the SDUIQRCode component in the designer.

In the "QRCode - Code" of the demo, the QRCode component is add in this way:

qrcode1.AddQRCode(Me, page.Cell(3, 1).Name, "qrcode1")

How can I resize it?

Thanks for your support.

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

 

[Mashiane]

Hi @Mashiane.
I want to create a single page with the FullCalendar component (or the EVOCalendar).
I used the SithasoFree template and add the libs.
I checked the SithasoDaisyDemo too and the PDF ebook, but I don't know what I do wrong or am I missing. Only the progress in color is show.
My example project is in attach.
Thanks for your help.

All projects need JQuery loaded.

So you need to add this line first

BANano.Await(app.UsesJQuery)

Also becase you will just use 1 page in your app, you can just do everything in pgIndex and load your layout to the body of the app and not pageviewer.

Also remember, for most components you place on the designer, you need to specify the parentID, thus, parentID of page=body, parentid of fullcalendar=page1 (pageName) etc.

 

[asales]

All projects need JQuery loaded.

So you need to add this line first

BANano.Await(app.UsesJQuery)

Also becase you will just use 1 page in your app, you can just do everything in pgIndex and load your layout to the body of the app and not pageviewer.

Also remember, for most components you place on the designer, you need to specify the parentID, thus, parentID of page=body, parentid of fullcalendar=page1 (pageName) etc.

Thanks! I understand now. It worked fine.