Databases
StackOverflow2013
Postsdbo
POJquery UI dialog box, is grayed out too
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery UI dialog box, is grayed out too
    text
    copied!<p>I'm using a jquery UI dialog to modify a data row in a ASP.NET website, When opening the dialog I append the dialog to the underlaying form, this gives me the possibility of using postbacks. <code>$('#' + id).parent().appendTo($("form"));</code></p> <p>But when I set the dialog property <code>modal: true</code> Not just the background is grayed out, the dialog is also gray and inaccessible. </p> <p>If I remove the <code>$('#' + id).parent().appendTo($("form"));</code> it works like supposed to but then i can't use postbacks.</p> <p>Am I doing something wrong or do i miss a point to get this to work?</p> <p>Javascript in top of .aspx</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function () { $('#workDialog').dialog({ autoOpen: false, draggable: true, resizable: false, width: 800, height: "auto", modal: true }); }); function showDialog(id) { $('#' + id).parent().appendTo($("form")); $('#' + id).dialog("open"); } function closeModalDiv(id) { $('#' + id).dialog("close"); } &lt;/script&gt; </code></pre> <p>The div containing the dialog</p> <pre><code>&lt;div id="workDialog" title="Basic dialog"&gt; &lt;asp:UpdatePanel ID="upWorkDialog" runat="server" UpdateMode="Conditional"&gt; &lt;ContentTemplate&gt; &lt;table id="Table1" class="item"&gt; &lt;tr&gt; ... &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;asp:TextBox ID="txt...&gt;&lt;/asp:TextBox&gt;&lt;/td&gt; &lt;td&gt;&lt;asp:TextBox ID="txt...&gt;&lt;/asp:TextBox&gt;&lt;/td&gt; &lt;td&gt;&lt;asp:TextBox ID="txt...&gt;&lt;/asp:TextBox&gt;&lt;/td&gt; &lt;td&gt;&lt;asp:TextBox ID="txt...&gt;&lt;/asp:TextBox&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;asp:Label ID="lblWorkEditError" runat="server" Text=""&gt;&lt;/asp:Label&gt; &lt;asp:Button ID="btnSave" runat="server" Text="Gem" OnClick="btnSave_Click" /&gt; &lt;asp:Button ID="btnCancel" runat="server" Text="Annuller" OnClientClick="javascript:closeModalDiv('workDialog');" /&gt; &lt;/ContentTemplate&gt;&lt;/asp:UpdatePanel&gt; &lt;/div&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload