Bootloks

Bootstrap based modal windows

A small library to create modal windows for notification and inputs using Bootstrap 5 modal. It automatically handles DOM manipulation and provides callbacks for capturing user events.

NOTE: This library uses Bootstrap 5's modal windows, which doesn't require jQuery, but Bootstrap's js file must be loaded before loading Bootloks.

Check the repo github here

Dialog boxes


Information dialog box


Success dialog boxes

Success dialog box is as same as information dialog, except it has green border and style is drawn from bootstrap's default success color.


Error dialog boxes

Error dialog box is as same as information dialog, except it has red border and style is drawn from bootstrap's default danger color.

Prompt boxes


Prompt dialog boxes provide various ways to get input from dialog box.

Prompt dialog boxes provide callbacks on both ok and cancel scenarios. Unlike the dialog box counter parts, they cannot be dismissed clicking outside the modal area.

All available input dialog boxes

Input from the dialog boxes will appear here.

Custom Prompts / Daterangepicker fields


Date prompt with daterangepicker as the input field. This require daterangepicker as dependency and therefore all other dependencies daterangepicker depends on. (jQuery, moment)

Input from the dialog boxes will appear here.