I want to size the modal box after ajax call.
I have a link in a grid that opens the modal box manually
Here is the click function
function ShowDebitPopup( sender, sqid, sid )
{
$.ajax({ type: "POST"
, contentType: "application/json; charset=utf-8"
, url: appPath + "WebServices/AJAXHelper.asmx/GetPartnerQuotesReason"
, data: "{ 'serviceID' : '" + sid + "'}"
, dataType: "text"
, success: function(msg) {
var r = eval((msg));
var options = '';
if( r != null )
{
for( i=0; i<r.length; i++ )
{
options += CreateSelectOption(r[i].v, r[i].t);
}
$('#ddlReason').attr('disabled', false).html(options);
}
$('.resizeLink').click();
}
});
$.nyroModalManual({
url: '#dvPopDebit'
, minWidth: 50
, minHeight: 50
});
}
$(function() {
$.nyroModalSettings({
endFillContent: function(elts, settings) {
$('.resizeLink', elts.contentWrapper).click(function(e) {
e.preventDefault();
$.nyroModalSettings({
bgColor: '#fab231'
, width: 900
});
return false;
});
}
});
});
Here is the popup
<div id="dvPopDebit" class="jqmWindow">
<div style="display : block; clear:both;">
Partner Quote
</div>
<hr />
<div style="display : block; clear:both;">
<div style="float:left;">FailReason:</div><div id="Div1"
style="float:left;"><select id="ddlReason"><option value="-1">All
Reason</option></select></div>
</div>
<div style="display : block; clear:both;">
<div style="float:left;">Comment:</div><div id="Div2"
style="float:left;"><textarea id="txtComment" rows="3"
cols="50"></textarea></div>
</div>
<div style="display : block; clear:both; padding: 10px 0px 0px 0px">
<input id="btnPopDebitYes" type="button" value="YES" style="width:
75px" />
<input id="btnPopDebitNo" type="button" value="NO" style="width:
75px" />
<a href="#" class="resizeLink" style="display : none">Resize Modal</a>
</div>
</div>
After the ajax call the background color changes but not the width.
Anybody have an idea
Thanks
Allan