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

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




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:
Cookies are required to use this site. You must accept them to continue using the site. Learn more…