Add button to jquery ui dialog

jquery, jquery-ui, jquery-ui-dialog

Solution

$('#msgBox').dialog({
    autoResize: true,
    show: "clip",
    hide: "clip",
    height: 'auto',
    width: 'auto',
    autoOpen: false,
    modal: true,
    position: 'center',
    draggable: false,

    open: function (type, data) {
        $(this).parent().appendTo("form");
    },

    buttons: { "OK": function() { $(this).dialog("close"); } } 
});

Problem

I can not add button to this jquery ui dialog. if possible please give me an example . thanks. ``` <script type="text/javascript"> $(document).ready(function () { //setup new person dialog $('#dialog2').dialog({ autoResize: true, show: "clip", hide: "clip", height: 'auto', width: '1000', autoOpen: false, modal: true, position: 'top', draggable: false, title: "انتخاب درخواست", open: function (type, data) { $(this).parent().appendTo("form"); } }); $('#viewfaktor').dialog({ autoResize: true, show: "clip", hide: "clip", height: 'auto', width: '1000', autoOpen: false, modal: true, position: 'top', draggable: true, title: "مشاهده صورت ریز", open: function (type, data) { $(this).parent().appendTo("form"); } }); $('#msgBox').dialog({ autoResize: true, show: "clip", hide: "clip", height: 'auto', width: 'auto', autoOpen: false, modal: true, position: 'center', draggable: false, open: function (type, data) { $(this).parent().appendTo("form"); } }); }); function showDialog(id) { $('#' + id).dialog("open"); } function closeDialog(id) { $('#' + id).dialog("destroy"); } </script> ```

Original source

Related problems