Modal Popup in Ajax Control Toolkit display onload

May 3, 2008 · Print This Article

There is a small bug in AjaxControlToolkit when you will add Modal Popup Control Extender,

it is being shown for one second when page is being load. It is not a big issue, but it can be very annoying.

Below file shows the proeblem and the resolution. Resolution is very simple, you just need to add
style=”display:none” to ModalPanel control.

<asp:Panel runat="server" ID="ModalPanel" CssClass="modalPopup">
        <asp:Label runat="server" ID="ModalLabel" Text="Modal Panel Label" />
        <br /><br />
        <asp:Button runat="server" ID="OkButton" Text="Ok" />
    </asp:Panel>
    <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
        PopupControlID="ModalPanel" DropShadow="true" TargetControlID="ShowButton"
        OkControlID="OkButton" BackgroundCssClass="modalBackground" >
    </cc1:ModalPopupExtender>