hi all,
I have created a popup using this sample :
http://www.aspsnippets.com/Articles/Open-Show-jQuery-UI-Dialog-Popup-Window-from-Server-Side-Code-Behind-in-ASPNet.aspx
But, unfortunately i am not able to set the Width to the Displayed popup using JQUERY as it is dynamically appended to the Form tag.
Here is the Markup after Popup is Displays:
<form id='someform' .....>some divs</form>
<%--Popup Markup below here-->
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog" style="display: block; z-index: 1002; outline: 0px; position: absolute; height: auto; width: 300px; top: 342px; left: 807px;"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-dialog">ESN Result</span><a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="dialog" style="width: auto; text-align: left; vertical-align: middle; font-size: 12px; font-weight: normal; padding: 10px; height: auto; min-height: 37.27999973297119px;" class="ui-dialog-content ui-widget-content">
<table width="80%">
<tbody><tr>
<td class="popupLabels">
<div class="pageheaderadmin" style="font-size: 17px; text-align: left; padding-left: 0px;">
SOME TEXT MSG HERE
</div>
</td>
</tr>
<tr>
<td>
<span id="verifymsg"> The Number is not a valid</span>
</td>
</tr>
<tr>
<td class="popupLabels">
<div class="pageheaderadmin" style="font-size: 17px; text-align: left; padding-left: 0px;">
</div>
</td>
</tr>
<tr>
<td>
<span id="CheckESNFreemsg"></span>
</td>
</tr>
</tbody></table>
</div><div class="ui-resizable-handle ui-resizable-n"></div><div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-w"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004;"></div><div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"><div class="ui-dialog-buttonset"><button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Close</span></button></div></div></div>
Any Idea?
Help Appreciated!