<div class="wrapper">
<form>
<input>
<input>
</form>
<div id="ajaxId"></div>
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front description" style="display: none;" tabindex="-1" role="dialog" aria-describedby="privateQuestionPopup" aria-labelledby="ui-id-1">
</div>
For those of you who are used to using the jquery dialog function you will recognize the ui-dialog section div. This is the html the jquery dialog function adds in for you automatically. By default the jquery dialog automatically adds the html to the end of the html document. It then leverages the jquery ui positioning function to relatviely position the element. In my example I was positioning relaitve to my inputs. See here for more information about positioning. http://api.jqueryui.com/po<div class="wrapper">
<form>
<div id="appendToTarget">
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front description" style="display: none;" tabindex="-1" role="dialog" aria-describedby="privateQuestionPopup" aria-labelledby="ui-id-1"></div>
</div>
<input>
<input>
</form>
<div id="ajaxId"></div>
Have a question about something in this article? You can receive help directly from the article author. Sign up for a free trial to get started.
Comments (0)