Hi Fam
Are you looking to give your app a fresh, modern facelift with minimal effort? I am thrilled to introduce B4XDaisyModal, a highly customizable and elegant modal component designed with 100% parity with DaisyUI documentation examples!
Built natively as a B4X class (Version 13.4), B4XDaisyModal makes it incredibly easy to display beautiful alerts, side-panel menus, and full-screen dialogs in your B4XPages applications.
Whether you want a simple "Hello!" dialog, a bottom sheet, or a full-screen sliding panel, B4XDaisyModal has you covered.
Enjoy, and let me know your thoughts or feature requests in the thread below! Happy coding!
Related Content
Are you looking to give your app a fresh, modern facelift with minimal effort? I am thrilled to introduce B4XDaisyModal, a highly customizable and elegant modal component designed with 100% parity with DaisyUI documentation examples!
Built natively as a B4X class (Version 13.4), B4XDaisyModal makes it incredibly easy to display beautiful alerts, side-panel menus, and full-screen dialogs in your B4XPages applications.
- Flexible Placement: Snap your modals to the top, middle, or bottom of the screen.
- Sidebar Mode: Need a navigation drawer or a side-panel? Toggle Sidebar to true, choose left or right for SidebarSide, and easily control the animation speed with SidebarDuration.
- Glassmorphism Effects: Apply stunning blur and glass styles effortlessly with GlassSize presets ranging from glass-xs to glass-2xl.
- Complete Styling Control: Completely customize your BackgroundColor, Rounded corners (e.g., rounded-box, rounded-full), and Padding via simple DaisyUI utility classes.
- Backdrop & Interactivity: Built-in support for adjustable BackdropOpacity (0-100) and BackdropColor, plus a handy ClickOutsideToClose feature to improve user experience.
B4X:
Sub Class_Globals
Private Root As B4XView
Private xui As XUI
Private myModal As B4XDaisyModal
End Sub
Private Sub B4XPage_Created (Root1 As B4XView)
Root = Root1
Root.Color = xui.Color_White
B4XPages.SetTitle(Me, "Modal Demo")
' 1. Initialize the modal with a Callback and EventName
myModal.Initialize(Me, "myModal")
' 2. Add the modal to the Root view
myModal.AddToParent(Root, 0, 0, Root.Width, Root.Height)
' 3. Configure properties programmatically
myModal.setTitle("Hello!")
myModal.setPlacement("middle")
myModal.setClickOutsideToClose(True)
myModal.setShowCloseButton(True)
' 4. Show the modal
myModal.Show
End Sub
' Handle the close button event
Private Sub myModal_CloseClick (Tag As Object)
myModal.Close
End SubWhether you want a simple "Hello!" dialog, a bottom sheet, or a full-screen sliding panel, B4XDaisyModal has you covered.
Enjoy, and let me know your thoughts or feature requests in the thread below! Happy coding!
Related Content
[B4X] [B4A] B4XDaisy UI Kit - Native Components inspired by DaisyUI & Tailwind
Hi Fam Download from GitHub Download from Google Drive Track the Project Ask NotebookLLM about B4XDaisyUI I am proud to present the B4X Daisy UI Kit, a suite of native custom views designed to bring the modern aesthetic and utility of the DaisyUI (Tailwind CSS) framework to B4X...