I just 'upgraded' to blockUI vs 2, and for some reason the following code isn't working. It blocks the page, but everything shown is the blockUI defaults, not my custom dialog, etc. It works fine if I don't use the message: and css: syntax (i.e. I just put the dialog as the parameter).
jQuery("#setDefaultLink").click(function () { jQuery("#defaultUrl").attr("value", jQuery(this).attr("href")); jQuery.blockUI({ message: jQuery('#confirmDefault'), css: { width: '275px', backgroundColor: '#000' } }); return false; }); jQuery("#defaultYes").click(function () { jQuery.blockUI({ message: "<img src='" + themeDisplay.getPathThemeImages() + "/busy.gif' /> Setting default page... please wait" }); var theUrl = jQuery("#defaultUrl").attr("value"); jQuery.ajax({ url: theUrl, cache: false, complete: function() { // unblock when remote call returns jQuery.unblockUI(); } }); }); jQuery("#defaultNo").click(function () { jQuery.unblockUI(); }); <div id="confirmDefault" style="display:none; cursor: default"> <h3>Do you want to set the current page as the default?</h3> <h4>This will be the first page displayed after you login.</h4> <input type="button" id="defaultYes" value="Yes" /> <input type="button" id="defaultNo" value="No" /> <input type="hidden" id="defaultUrl" value="" /> </div>