Loading...

Search jQuery

Search

jQuery Forum

Screen name:
eugen_s

eugen_s's Profile

1 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Dialog has wrong position in form
[4Replies]
- 24-Feb-2013 05:32 PM
- Forum: Using jQuery UI
Hi,

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

Example of html:
$(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");
});

.....
<div id="my_div" style="border: 5px solid red;width:600px;height:100px;">
<form id='myform' style="border:2px solid blue;">
<div id="dialog" title="Basic dialog">
....
</div>
</form>
</div>

Do you have any ideas?

Thx in advance!

«Prev
Next »