- 1.1.0
- See demo here.
include necessary css files:
<link rel="stylesheet" href="./path/to/jquery-ui.css">
include necessary js files:
<script type="text/javascript" src="./path/to/jquery.min.js"></script>
<script type="text/javascript" src="./path/to/jquery-ui.min.js"></script>
<script type="text/javascript" src="./path/to/jqueryui.dialog.fullmode.js"></script>
html body :
...
<div id="demo" title="full mode button">
<!-- content -->
</div>
...
add javascript:
<script type="text/javascript">
$(function () {
$("#demo").dialog({
width: 500,
height: 300,
dialogClass: "dialog-full-mode" /*must to add this class name*/
});
//initiate the plugin
$(document).dialogfullmode();
});
</script>