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


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

1667156425776.png


SithasoDaisy.jpg




Check Demo Now on netlify.


Place Your Order Now using this link




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.
 
Last edited:

Mashiane

Expert
Licensed User
Longtime User
The eBook is out, get it now.


Please note that its still under development.
 

Mashiane

Expert
Licensed User
Longtime User
SDUITable Generic Table Pagination - check


SDUITablePagination.gif


B4X:
"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

Expert
Licensed User
Longtime User
What's coming - part 2

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

1668698916134.png


B4X:
'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

Expert
Licensed User
Longtime User
What's coming - Part 4

FullCalendar with Abstract Designer support.


1668874390210.png


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

FullCal.gif


B4X:
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
 
Last edited:
Top