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

Mashiane

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

SithasoDaisy: 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

Expert
Licensed User
Longtime User
SDUITable Generic Table Pagination - check




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



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.



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



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:
You must log in or register to reply here.

Similar Threads

  • Article
B4J Tutorial SithasoDaisy TailwindCSS - Multilanguage
Replies
2
Views
339
MichalK73
  • Article
B4J Tutorial [Web] SithasoDaisy - Installing SithasoDaisy and creating you first TailwindCSS & DaisyUI WebApp using b4x
Replies
0
Views
467
Mashiane
  • Article
B4J Tutorial SithasoDaisy TailwindCSS UI Toolkit: Q & A
14 15 16
Replies
313
Views
21K
Mashiane
SithasoDaisy: Mashy Teaches TailwindCSS using b4x (with eBook)
4 5 6
Replies
105
Views
15K
Mashiane
  • Article
B4J Library [Web] SithasoDaisy: TailwindCss WebApps powered by B4x & BANano
2 3 4
Replies
77
Views
10K
Mashiane
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…