I have a problem with dialog which is using inside a form. I want to make my dialog inside a div (which is parent for the form) attached to the left top border. Dialog must be looked not like a modal form
$(function () {
$.fx.speeds._default = 1000;
$("#dialog").dialog({
modal: false,
draggable: false,
autoOpen: false,
resizable: false,
width: 300,
height: 200,
position: { my: "left", at: "top", of: "#my_div" },
buttons: {
"DoIt": function () {
if (jQuery("#myform").valid()) {
...
}
else {
...
}
},},
close: function () {
},
open: function () {
$(this).parent().appendTo($('#myform'));
},
create: function (event, ui) {
$(".ui-widget-header").hide();
$(this).parents(".ui-dialog").find(".ui-dialog-titlebar").remove();
$(this).parent(".ui-widget-content").css("padding", "0");
$(this).parents(".ui-dialog").css("border", "0 none");
},
});
$("#dialog").dialog("open");
});
.....
....