User:Mono
<html>
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
<script> mw.loader.using(['jquery.ui.dialog'], function () {
$( '#dialog' ).dialog({
autoOpen: false, show: "blind", modal: true, hide: "explode" }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); return false; }); }); </script> <button id="opener">Open Dialog</button>
</html>