Loading...

Dialogs View all kinds of Dialogs examples below.

Dialogs

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

Basic

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.

Open dialog
Dialog content here

Overlays

Use the $('.ui-widget-overlay').addClass('bg-green'); snippet when creating dialogs via Javascript to modify the overlay background colors.

Opacity

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.

Online
  • Grace Padilla

    On the other hand, we denounce...

  • Carl Gamble

    Dislike men who are so beguiled...

  • Michael Poole

    Of pleasure of the moment, so...

  • Bill Green

    That they cannot foresee the...

  • Cheryl Soucy

    Pain and trouble that are bound...

Idle
  • Jose Kramer

    Equal blame belongs to those...

  • Dan Garcia

    Weakness of will, which is same...

  • Edward Bridges

    These cases are perfectly simple...

Offline
  • Randy Herod

    In a free hour, when our power...

  • Patricia Bagley

    when nothing prevents our being...

Cloud status
Latest transfers
Tasks for today
Pending notifications New