SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)

Mashiane · Apr 19, 2023

How to set a row column background color?

B4X:

tb2.SetRowColumnBackgroundColor("color", 1, "red")

Mashiane · Apr 19, 2023

How to set a row column text color?

B4X:

tb2.SetRowColumnTextColor("color", 1, "white")

Mashiane · Apr 19, 2023

How to apply themes to the UI?

Daisy comes with useful themes...

You can apply a theme by calling:

B4X:

app.Theme = "autumn"

Chech these out on this play.

daisyUI themes — Tailwind CSS Components ( version 4 update is here )

How to use daisyUI themes?

daisyui.com

Mashiane · Apr 28, 2023

SithasoDaisy 1.34 is now available.

Ricardo Castillo · Apr 30, 2023

Mashiane said:
Get SithasoDaisy for $15 here.

Welcome to the SithasoDaisy world.

Get the eBook
See it in action on Netlify or
See it from a FlipBook

SithasoDaisy is a library of components built on top of TailwindCSS and the DaisyUI frameworks to help you create WebApps, WebSites, Single Page Application (SPA) and Progressive Web Apps (PWA) with the power of the b4x programming language.

When it comes to developing anything that works on the internet browser, whether it is a WebApp or a WebSite, one has to use HTML (Hyper Text Markup Language), CSS (Cascading Style Sheet) and JavaScript (a dynamic programming language used for web development).

SithasoDaisy works on top of a programming language called b4x. It is not JavaScript, and for SithasoDaisy to produce web applications, a code transpiler is used. A transpiler converts source code from one programming language to another. For example, when one uses Flutter for web, they use a programming language called Dart. When they build their application, their source code is transpiled / converted to JavaScript for it to work on the interweb. There are many other programming languages that target JavaScript, the Top 10, being:

1. Scala.js
2. Haxe
3. Dart
4. Elm
5. Imba
6. Nim
7. ClojureScript
8. ReasonML
9. Kotlin
10. TypeScript

B4X es un conjunto de herramientas de programación desarrollado por Anywhere Software que utiliza la sintaxis similar a Visual Basic para que cualquier persona que lo desee pueda crear aplicaciones. Las aplicaciones desarrolladas pueden ejecutarse en Windows, Linux, Mac, teléfonos Apple, teléfonos Android y dispositivos Arduino IoT, en su mayoría desde la misma base de código. El producto familiar que usaremos aquí se llama b4j, es decir, Basic4Java. También hay b4a (basic4android), b4i (basic4ios), b4r (basic4arduino).

Nuestro transpilador de b4x a JavaScript se llama BANano. Está escrito por Alain Bailleul, que es el BA en BANano, mientras que Nano, acertaste, nanotecnología. Al crear sus proyectos web con SithasoDaisy, uno puede usar el Diseñador abstracto o escribir código b4x. Le mostraremos cómo. Para mostrarle una idea de lo que construiremos, echemos un vistazo a esta imagen, directamente desde el sitio web de DaisyUI.

.....

Este es un extracto del eBook.

Codificación feliz

Enlace Github: https://github.com/Mashiane/SithasoDaisyUI

SithasoDaisy TailwindCSS WebApps

Suscríbase a SithasoDaisy TailwindCSS WebApps y obtenga una WebApp cada mes del año.

Visite https://sithasoholdings.gumroad.com/l/vwaqj para activar su suscripción.

Muchas gracias.

pago realizado
ID Transacción: 3VH54719VJ8856938

Ha enviado $15,00 USD a SITHASO HOLDINGS (PTY) LTD
Le avisaremos a SITHASO HOLDINGS (PTY) LTD que usted los ha enviado.

Mashiane · Apr 30, 2023

Ricardo Castillo said:
pago realizado
ID Transacción: 3VH54719VJ8856938

Ha enviado $15,00 USD a SITHASO HOLDINGS (PTY) LTD
Le avisaremos a SITHASO HOLDINGS (PTY) LTD que usted los ha enviado.

Thank you so much Castillo, you should receive a google drive access.

Mashiane · May 5, 2023

Join on Telegram

SithasoDaisy

TailwindCSS WebApps using b4x

t.me

Mashiane · May 8, 2023

The Property Bag (SDUITable) in property bag mode now has TextGroup, PasswordGroup, SelectGroup and Dialer.

More details in the Demo: Tables Designer > AD Propety Table

sdleidel · May 9, 2023

Mashiane said:
How to set a row column text color?

View attachment 141338

B4X:

tb2.SetRowColumnTextColor("color", 1, "white")

Another Question, i have a Textbox in the column, how i can change the textcolor ?

sdleidel · May 9, 2023

sdleidel said:
Another Question, i have a Textbox in the column, how i can change the textcolor ?

And is this a BUG ?
only the second row is in red....

Sample:

123:

For u=1 To Lager_Produkte_Items.Size-1 Step 1
   
            mdlSDUITableLagerbestand.SetRowBackgroundColor( u, "red")
Next

sdleidel · May 11, 2023

sdleidel said:
And is this a BUG ?
only the second row is in red....

Sample:

123:

For u=1 To Lager_Produkte_Items.Size-1 Step 1 mdlSDUITableLagerbestand.SetRowBackgroundColor( u, "red") Next

HAVE YOU SEE THIS ?

Mashiane · May 11, 2023

sdleidel said:
And is this a BUG ?
only the second row is in red....

Sample:

123:

For u=1 To Lager_Produkte_Items.Size-1 Step 1 mdlSDUITableLagerbestand.SetRowBackgroundColor( u, "red") Next

Can you check post #59 & #60

Mashiane · May 11, 2023

If you need to ask questions about SithasoDaisy, please use the thread below and not this thread. Please.

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 https://t.me/sithasodaisy Check $5 WebApps...

www.b4x.com

sdleidel · May 11, 2023

Mashiane said:
Can you check post #59 & #60

Yes I have check this….
But only the odd ist coloring.

Mashiane · May 11, 2023

sdleidel said:
But only the odd ist coloring.

The first row is at index 0.

Are you setting the color with existing items in the table or before you add them? It should be the former.

sdleidel · May 12, 2023

Yes I know, the first index is 0.
I setting the color, after the items are set.

Mashiane · May 12, 2023

sdleidel said:
Yes I know, the first index is 0.
I setting the color, after the items are set.

Hover and Zebra should be OFF.

These are mutually exclusive.

Also ensure you use BANano.Await with SetItems like..

B4X:

banano.Await(tb3.SetItems(Items))

Mashiane · May 12, 2023

Localizing Table Title Names & Search

The code below changes the placeholder text for search and also change the titles of the Edit, Delete, Clone, Menu buttonss.

B4X:

SDUITable1.SetSearchPlaceholder("Buscar")
    SDUITable1.SetColumnEditTitle("Editar")
    SDUITable1.SetColumnDeleteTitle("Borrar")
    SDUITable1.SetColumnCloneTitle("Clon")
    SDUITable1.SetColumnMenuTitle("Menú")
    SDUITable1.SetColumnUploadTitle("Subir")

Mashiane · May 26, 2023

Exporting Table to CSV

[Web] SithasoDaisy: TailwindCss WebApps powered by B4x & BANano

PLEASE DO NOT ASK QUESTION ON THIS THREAD Hi there It's will pleasure to release the SithasoDaisy b4xlib for your TailwindCSS based Web Apps. This uses BANano Get it now for $15 here Demo on Vercel Skim the eBook Free Computer Books Check $5 WebApps...

www.b4x.com

Mashiane · Jun 7, 2023

Subscribe to B4J library updates

Subscribe to this thread to be notified of B4J library updates.

www.b4x.com

SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)

Expert

Expert

Expert

Expert

New Member

SithasoDaisy TailwindCSS WebApps​

Expert

Expert

Expert

Active Member

Active Member

Active Member

Expert

Expert

Active Member

Expert

Active Member

Expert

Expert

Expert

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency

SithasoDaisy TailwindCSS WebApps