widget
$(function() {
$("#dialog-confirm").dialog({
resizable: false,height: "auto",width: 400,modal: true,buttons: {
"Delete all items": function() {
$(this).dialog("close");
},Cancel: function() {
$(this).dialog("close");
}
},create: function(e,ui) {
var that = $(this);
var dlg = $(this).dialog("widget");
var min = $("<button>",{
class: "ui-dialog-titlebar-min",type: "button",title: "Minimize"
})
.button({
icon: "ui-icon-minusthick",showLabel: false
});
var max = $("<button>",{
class: "ui-dialog-titlebar-max",title: "Maximize"
})
.button({
icon: "ui-icon-arrowthick-2-ne-sw",showLabel: false
});
var oSize = {
width: that.dialog("option","width"),height: that.dialog("option","height"),position: {
my: "center",at: "center",of: window
}
};
var mSize = {
width: $(window).width(),height: $(window).height(),position: {
my: "left top",at: "left top",of: window
}
};
min.click(function(e) {
that.dialog("option",oSize);
});
max.click(function(e) {
that.dialog("option",mSize);
});
$(".ui-dialog-titlebar .ui-dialog-title",dlg).after(min,max);
}
});
});
.ui-dialog-titlebar span.ui-dialog-title {
width: 83%;
}
.ui-dialog-titlebar .ui-dialog-titlebar-min,.ui-dialog-titlebar .ui-dialog-titlebar-max {
position: absolute;
top: 50%;
width: 20px;
height: 20px;
padding: 1px;
margin: -10px 0 0 0;
}
.ui-dialog-titlebar .ui-dialog-titlebar-max {
right: 1.75em;
}
.ui-dialog-titlebar .ui-dialog-titlebar-min {
right: 3.25em;
}