Экран блокировки на моей странице отправки электронной почты asp.net

Question

У меня есть страница, на которой мне нужно заблокировать экран, когда пользователь нажимает кнопку отправки электронной почты, но все происходит, за исключением того, что я не вижу свою страницу экрана блокировки.я использовал прогресс обновления для этой цели. m публикую часть кода здесь .aspx часть

<asp:UpdatePanel ID="SendMailUpdatePanel" runat="server">
    <ContentTemplate>
        <div style="float: right;">
            <asp:Button ID="btnSend" runat="server" Text="Send" ToolTip="Send "
                Visible="false" Font-Bold="True" OnClick="btnSendResume_Click" />                          
            <asp:Button ID="btnDown" runat="server" Text="Download IDs" ToolTip="follow-up"
                Visible="false" Font-Bold="True" OnClick="btnDownloadEmailIDs_Click" />
        </div>
    </ContentTemplate>
</asp:UpdatePanel>
    <table>
        <td style="width: auto; vertical-align: top;">
            <asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="SendMailUpdatePanel">
                <ProgressTemplate>
                    <div id="blur" style="width: 100%; background-color: black; moz-opacity: 0.5; khtml-opacity: .5;
                        opacity: .5; filter: alpha(opacity=50); z-index: 120; height: 100%; position: absolute;
                        top: 0; left: 0;">
                        <div id="progress" style="z-index: 200; background-color: White; position: absolute; top: 0pt;
                            left: 0pt; border: solid 1px black; padding: 5px 5px 5px 5px; text-align: center;">
                            <b>Mail in progress.Please Wait...</b>
                            <br />
                        </div>
                    </div>
                </ProgressTemplate>
            </asp:UpdateProgress>
        </td>
    </table>

.cs часть

protected void btnSendResume_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(2000);

}

остальныечасть, которую я здесь не упомянул ... любая помощь

Answer 1

Ваша HTML-таблица сформирована неправильно.У вас нет <tr> элементов, но настоящая проблема, вероятно, связана с вашими атрибутами стиля, пожалуйста, посмотрите мой обновленный код ниже.

Вы можете найти хороший пример того, как выполнить то, что вы пытаетесь сделать здесь:http://blogs.visoftinc.com/2008/03/13/Modal-UpdateProgress-for-UpdatePanel-Revisited/

Попробуйте настроить свой код следующим образом:

<asp:UpdatePanel ID="SendMailUpdatePanel" runat="server">
    <ContentTemplate>
        <div style="float: right;">
            <asp:Button ID="btnSend" runat="server" Text="Send" ToolTip="Send "
                Visible="false" Font-Bold="True" OnClick="btnSendResume_Click" />                          
            <asp:Button ID="btnDown" runat="server" Text="Download IDs" ToolTip="follow-up"
                Visible="false" Font-Bold="True" OnClick="btnDownloadEmailIDs_Click" />
        </div>
    </ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="SendMailUpdatePanel">
    <ProgressTemplate>
        <div id="blur" style="position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0; margin:0; background-color:black; filter:alpha(opacity=50); opacity:0.5; z-index:1000;" />
        <div id="progress" style="position:fixed; top:30%; left:43%; width:14%; z-index:1001; background-color:white; border:solid 1px black; padding:5px; text-align:center;">
            <b>Mail in progress.Please Wait...</b>
            <br />
            <br />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>