Share My Creation [Web] SithasoDaisy: TailwindCSS + DaisyUI Toolbox

LAUNCHED!!!!​

Check our FlipBook

Order your copy now at $15.

Includes...

• Lifetime support on your SithasoDaisy projects
• eBook on how to get started
• Source code for die hard coders (see current Netlify Demo)
• Abstract designer based examples for the no code / less code kind
• Support subsciption based PocketBase out of the Box
• TailwindCSS based UI creation
• Demo projects with source code (a) ExpenseTracker (b) Calculator (c) String Compression (d) Calling REST API with (BANano)fetch
• Demo projects with source code (a) Login (b) Registration (c) Contact Us, (d) web scraping (e) native camera access (f) scan barcode & qr code (g) save & retrieve base 64 image to database.

Join channel on Telegram

SithasoDaisy

TailwindCSS WebApps using b4x

t.me

You can scan this QR code to open the latest demo on your device:

Check Demo Now on netlify.

SithasoDaisy: TailwindCSS Websites using B4X.

SithasoDaisy: TailwindCSS Websites using B4X.

sithasodaisyui.netlify.app

Place Your Order Now using this link

SithasoDaisy

TailwindCSS PWAs, WebApps & Server Apps using b4x Current & future updates Lifetime support for your TailwindCSS projects developed with SithasoDaisy See our...

sithasoholdings.gumroad.com

GitHub - Mashiane/SithasoDaisyUI: TailwindCss WebApps using b4x

TailwindCss WebApps using b4x. Contribute to Mashiane/SithasoDaisyUI development by creating an account on GitHub.

github.com

SithasoDaisy TailwindCSS WebApps​

Subscribe to SithasoDaisy TailwindCSS WebApps and get a WebApp each month of the year.

Visit https://sithasoholdings.gumroad.com/l/vwaqj to activate your subscription.

Thank you so much.

 

[Mashiane]

 

[Mashiane]

 

[Mashiane]

Advanced Topic: Making a grid responsive

grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 md:gap-8

 

[Mashiane]

Advanced Topic: Responsive Grids

grid grid-cols-6 gap-8 grid-rows-4

 

[Mashiane]

Advanced Topic: Responsive Grid - ColSpans

 

[Mashiane]

 

[Mashiane]

 

[Mashiane]

Abstract Designer Support for Drawer - check

 

[Mashiane]

Check our FlipBook

 

[Mashiane]

The eBook is out, get it now.

[Web][SithasoDaisy2]: Mashy Teaches TailwindCSS using b4x (with eBook)

Get SithasoDaisy for $15 here. Welcome to the SithasoDaisy world. Check $5 WebApps https://www.b4x.com/android/forum/threads/sithasodaisy-webapps-5-each.145871/ Join on Telegram Get the eBook See it in action on Netlify or See it from a FlipBook SithasoDaisy is a library of components...

www.b4x.com

Please note that its still under development.

 

[Mashiane]

Just finished a simple "template" based Product Listing... as part of the demos... find it under "Pages"

The template is created in the abstract designer using {{ product }} kinda system, fully customizable!!!

 

[Mashiane]

 

[Mashiane]

SDUITable Generic Table Pagination - check

"use strict";

var paginate = function paginate(items) {
  var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
  var perPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
  var offset = perPage * (page - 1);
  var totalPages = Math.ceil(items.length / perPage);
  var paginatedItems = items.slice(offset, perPage * page);
  return {
    previousPage: page - 1 ? page - 1 : null,
    nextPage: totalPages > page ? page + 1 : null,
    total: items.length,
    totalPages: totalPages,
    items: paginatedItems
  };
};

 

[Mashiane]

SDUITable Abstract Designer Support - check

 

[Mashiane]

SDUITable Progress updated to reflect the value.

This looks much more better just because "Completed" column now shows the % value.

 

[Mashiane]

SDUITable Range updated to reflect the value

 

[Mashiane]

What's coming... part 1


-date ranges
-multiple dates

 

[Mashiane]

What's coming - part 2

By default, the active color of drawer items is primary, we can now change it

'overlay transparent
    drawer.OverlayTransparent = True
    drawer.ItemHoverColorIntensity("blue", "100")
    drawer.ItemFocusColorIntensity("blue", "100")
    drawer.ItemActiveColorIntensity("blue", "100")

Here we make the drawer overlay transparent & also set the item colors per state, now showing lightish blue instead of primary.

One can also set modal overlay transparency too.

 

[Mashiane]

What's Coming - Part 3

Dialer

 

[Mashiane]

What's coming - Part 4

FullCalendar with Abstract Designer support.

The calendar has an event click event that one can trap.

fc = page.Cell(1, 1).AddFullCalendar("fc")
    fc.AddEvent("1", "", "All Day Event", "2022-11-01", "", False, "", "", "", False, True)
    fc.AddEvent("2", "", "Long Event", "2022-11-07", "2022-11-10", False, "", "", "", False, True)
    fc.AddEvent("3", "", "Repeating Event", "2022-11-09T16:00:00-05:00", "", False, "", "", "", False,True)
    fc.AddEvent("4", "", "Conference", "2022-11-11", "2022-11-13", False, "", "", "", False, True)
    fc.AddEvent("5", "", "Meeting", "2022-11-12T10:30:00-05:00", "2022-11-12T12:30:00-05:00", False, "","", "", False, True)
    fc.AddEvent("6", "", "Lunch", "2022-11-12T12:00:00-05:00", "", True, "", "", "", False, True)
    fc.Refresh