Issue 482: Resize modal box
Status:  New
Owner: ----
Reported by arcadeni...@gmail.com, Jun 2, 2010
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