Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
Use the markup below to create an inline modal box with title, content and button actions toolbar. To create an inline modal add the .display-block
CSS class to the .modal
element.
Use the $('.ui-widget-overlay').addClass('bg-green');
snippet when creating dialogs via Javascript to modify the overlay background colors.
Use the $('.ui-widget-overlay').addClass('opacity-60');
snippet when creating dialogs via Javascript to modify the overlay opacity. Available options are .opacity-30
, .opacity-60
, .opacity-80
.
On the other hand, we denounce...
Dislike men who are so beguiled...
Of pleasure of the moment, so...
That they cannot foresee the...
Pain and trouble that are bound...
Equal blame belongs to those...
Weakness of will, which is same...
These cases are perfectly simple...