Ajax Modal Popup Extender
  • Share this blog:

Modal Popup Extender

This control is used to display your own confirmation dialogbox instead of the default JavaScript dialog box. PopupcontroID : Used to specify the control to popup. OkcontrolID : Used to specific ID of the control that represent ok in the confirmation Cancel Control ID : Used to specify ID of the control that represent cancel in the confirmation. Target Control ID : Used to specify the ID of the control for which the model popup has to be display. This must be same has that target control ID of the confirm Button Extender for which the model popupExtender is set. Example The following example modifies the previous example to display the modelpopup extender for the confirmButton Extender Take a panel on the page and within the panel take a label and two buttons and for the label set the cation “ Do you really want to copy ? ” and for the Buttons set the caption “yes” and “NO” and set the ID of the Buttons as btnyes & Btn Within HTML source of the page drag & drop a Modelpopup Extender and set following properties for it. <asp: ModelpopupExtender Id=ModelpopupExtender1 runat=”server” TargetControlID=”Btncopy” okcontrolID=”Btnyes” cancelcontrolID=”BtnNo” popup controlID=”panel1”> </asp:modelpopupExtender> Modify the confirmButton Extender properties as follows <asp: confirmButtonExtender   ID=”ConfirmButtonExtender” runat=”server” TargetControlID=”BtnCopy” DisplaymodalpopupId=”modalpopupExtendar1”> </asp:ConfirmButtonExtender>

You liked the article?

Like : 0

Vote for difficulty

Current difficulty (Avg): Medium

Recommended Courses


About Author
Author Bio

TekSlate is the best online training provider in delivering world-class IT skills to individuals and corporates from all parts of the globe. We are proven experts in accumulating every need of an IT skills upgrade aspirant and have delivered excellent services. We aim to bring you all the essentials to learn and master new technologies in the market with our articles, blogs, and videos. Build your career success with us, enhancing most in-demand skills in the market.

Stay Updated

Get stories of change makers and innovators from the startup ecosystem in your inbox