Tutorial :Use ModalPopupExtender without having to set TargetControlID?


I'd like to use a modalpopupextender in my asp.net page to show a sub form. But it only has to show on specific conditions. Those conditions are determined in a piece of javascript code.

So, most importantly, the modal popup doesn't have to show on a button click. However, if I leave the property TargetControlID empty I get the following exception:

The TargetControlID of 'ModalPopupExtender1' is not valid. The value cannot be null or empty. Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.InvalidOperationException: The TargetControlID of 'ModalPopupExtender1' is not valid. The value cannot be null or empty.

Do I just have the TargetControlID to an hidden button or is there aslo a more decent option?


Setting the TargetControlID to a hidden button(display:none;) is the best way as far as I know.


The TargetControlID could also be set to a HiddenField type. That way you don't even need a button


Crete a button and set it as your TargetControlId and give style = "display:none"

<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="Panel1" TargetControlID="btnPopup"           CancelControlID="btnClose" BackgroundCssClass="modalBackground" OkControlID="btnClose"></asp:ModalPopupExtender>    <asp:Button ID="btnPopup" runat="server" Text="PopUp" style = "display:none" />  

Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Next Post »