Here is how I handle it:
$('#divOGHide').append('<div id="divAI" style="cursor:
default;"><div style="background-color: #404040; height: 23px;"><div
style="float: right; width: 25px; height: 23px; padding: 2px;"><img
id="aiClose" alt="Close" src="Images/CloseButton.gif" /></div><div
style="width: 250px; text-align: left; padding-top: 3px;"><span
style="font-weight: bold; color: White; padding: 3px; height: 23px;
font-size: 10pt; text-align: left; font-family: Verdana;">Add Item</
span></div></div><iframe id="ifAI" scrolling="no" height="200"
width="425" src="AddItem.aspx" frameborder="0"></iframe></div>');
$("#aiClose").click(function() {
$.unblockUI();
});
$.blockUI({ message: $("#divAI"), css: {
width: '425px',
height: '225px',
left: ($(window).width() - 425) /2 + 'px',
top: '10%'
}
});
On Jul 29, 9:24 am, Chris <chriss...@gmail.com> wrote:
> How would you load a separate page in an iframe with BlockUI?
>
> I tried:
> forceIframe:true,
> iframeSrc:'/iframepage.html'
>
> but BlockUI still creates the default "Please wait..." overlay, but
> also creates a seemingly separate iframe overlay, but without applying
> any of the CSS properties to it.
>
> If BlockUI doesn't have this functionality, so any of the other
> overlay plugins support it? I've tried jqModal and SimpleModal, but
> none of them seem to explicitly support this.
>
> Regards,
> Chris
