Question

Is there any way to get an updateprogress to entirely cover an updatepanel ?

(Asp.net .net 4)

Was it helpful?

Solution

<asp:updateprogress associatedupdatepanelid="UpdatePanel3" 
    id="updateProgress" runat="server">
    <progresstemplate>
        <div id="progressBackgroundFilter"></div>
        <div id="processMessage"> Loading...<br /><br />
             <img alt="Loading" src="images/ajax-loader.gif" />
        </div>
    </progresstemplate>
</asp:updateprogress> 

#progressBackgroundFilter {
position:fixed; 
top:0px; 
bottom:0px; 
left:0px;
right:0px;
overflow:hidden; 
padding:0; 
margin:0; 
background-color:#000; 
filter:alpha(opacity=50); 
opacity:0.5; 
z-index:1000; 
}
#processMessage { 
position:fixed; 
top:30%; 
left:43%;
padding:10px; 
width:14%; 
z-index:1001; 
background-color:#fff;
border:solid 1px #000;

OTHER TIPS

I have been using the FlanAjaxControls to only overlay the UpdatePanel.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top