I have a link within an UpdatePanel that opens up a modal WebDialog. When I click a button within this dialog, through the UpdatePanel I do a postback to the server and a series of database operations. While this is ocurring, I'd like my WebDialog to be greyed out and/or disable the controls - similar to what happens to the controls on the webpage itself when the dialog is open on top of it using the ModalBackgroundCssClass property. However, when I use the UpdateProgress control, it only puts it at the top of the page as well as behind the style applies by ModalBackgroundCssClass.
So basically, how can I apply that effect to the modal WebDialog window itself after clicking a button?
Hi,
I can give you only suggestion to work around.
Implementation of fully disabled dialog similar to modal mode is not realistic, because it requires temporary changing of tabIndexes for all child elements. However, building a half transparent cover is rather simple and possible.If you can process on client both "async-request" and "async-response" events, then1. On request you may create a top-level <div> or <iframe> and adjust its position on top of whole page or only on top of dialog.2. On response, you may remove or hide that blocking element.If you want to block only dialog, then the easiest way is to create a <div> with position:absolute, set its transparency (look at content of .igdw_ModalBackground{...}), set its zIndex to high value, set its width and height to values of dialog and insert that element as first child into "dialog.get_element()" which is a <div>.To simplify search reference to that block within response, you may set reference to that block-element as member of dialog (like dialog._myBlockDiv=element;) or set it to a global variable of window.