Modal Popup and Button Event

Last post 12-31-2007 8:59 AM by tfsmag. 1 replies.

Sort Posts:

  • Modal Popup and Button Event

    12-31-2007, 8:50 AM
    • Member
      296 point Member
    • Pablo A Castillo
    • Member since 10-30-2005, 10:10 PM
    • Caracas - Venezuela
    • Posts 72

    Hi,

    I have a modal popup with 2 buttons, I want to fire a event inside my page but I dont know how do I?

    this is my modal popup

    1    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    2               5 <ContentTemplate>
    3                <asp:ImageButton ID="btnAceptar" runat="server" ImageUrl="~/admin/images/botones/boton_aceptar_popup.gif" AlternateText="Aceptar" OnClick="btnAceptar_Click" />
    4                <asp:ImageButton ID="imgCancelar" runat="server" ImageUrl="~/images/botones/boton_cancelar_verde.gif" onclick="imgCancelar_Click" />
    5                   <ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender2" runat="server" TargetControlID="btnAceptar" DisplayModalPopupID="ModalPopupExtender1" />
    6                   <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnAceptar" PopupControlID="PNL" OkControlID="ButtonOk" CancelControlID="ButtonCancel" BackgroundCssClass="modalBackground" />
    7                          
    8                           <ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender1" runat="server" TargetControlID="imgCancelar" DisplayModalPopupID="ModalPopupExtender2" />
    9                           <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="imgCancelar" PopupControlID="PNL1" OkControlID="ButtonOk1" CancelControlID="ButtonCancel1" BackgroundCssClass="modalBackground" />
    10                               <asp:Panel ID="PNL1" runat="server" style="display:none; width:200px; background-color:White; border-width:1px; border-color:#C0C0C0; border-style:solid; padding:10px;">
    11                        <div style="text-align:right;">
    12                               <table>
    13                                   <tr>
    14                                       <td></td>
    15                                       <td>Desea cancelar?</td>                                   
    16                                   </tr>
    17                                   <tr>
    18                                       <td>
    19                                            <asp:Button ID="ButtonOk1" runat="server" Text="OK" />
    20                                            <asp:Button ID="ButtonCancel1" runat="server" Text="Cancel" />
    21                                       </td>
    22                                   </tr>
    23                               </table>
    24                           </div>
    25                       </asp:Panel>
    26             
    27                               <asp:Panel ID="PNL" runat="server" style="display:none; width:200px; background-color:White; border-width:1px; border-color:#C0C0C0; border-style:solid; padding:10px;">
    28                        <div style="text-align:right;">
    29                               <table>
    30                                   <tr>
    31                                       <td><asp:Image ID="Image1" ImageUrl="~/images/Logout.png" runat="server" /></td>
    32                                       <td>Desea agregar el usuario al Sistema?</td>                                   
    33                                   </tr>
    34                                   <tr>
    35                                       <td>
    36                                            <asp:Button ID="ButtonOk" runat="server" Text="OK" />
    37                                            <asp:Button ID="ButtonCancel" runat="server" Text="Cancel" />
    38                                       </td>
    39                                   </tr>
    40                               </table>
    41                           </div>
    42                       </asp:Panel>
    43             </ContentTemplate>
    44           </asp:UpdatePanel>
           I have this button in my PNL1 

    <asp:Button ID="ButtonOk1" runat="server" Text="OK" />

     

    I want to redirect to an other page when I click this ButtonOk1 but I dont know how to associate the event ?

      

     

     

    Pablo A Castillo
    http://pabloacastillo.wordpress.com
    MCP .NET 2.0 Application Development Foundation

  • Re: Modal Popup and Button Event

    12-31-2007, 8:59 AM
    Answer
    • Contributor
      3,477 point Contributor
    • tfsmag
    • Member since 01-06-2006, 12:58 PM
    • Danville, Illinois
    • Posts 686

     you should just be able to create the event like you normally do. Highlight the button in the aspx design view and double click it. It should take you to your codebehind and create the click event for you. One word of warning though, response.redirect does not work right in ajax controls. So if you have this inside of an update panel or something you should check this other thread too.

    ------------------------------------------------
    Jeff Turner

    Don't forget to mark the correct answer for your
    question to help out future visitors!
Page 1 of 1 (2 items)