Modap popup extender

Last post 12-02-2008 1:32 AM by Lance Zhang - MSFT. 1 replies.

Sort Posts:

  • Modap popup extender

    11-29-2008, 9:48 AM
    • Member
      point Member
    • rhari139
    • Member since 11-29-2008, 2:37 PM
    • Posts 1

    Hi all,

    I am new to asp.net ajax. This is my requirement. I have 9 textbox and 2 radio buttons and two buttons(Verify and Print) in my webform.

    When verify button is clicked, the values entered in the web form should be displayed in modal popup extender with read only.

    Pls anyone help me.

    thanks

     

     

     

     

     

     

  • Re: Modap popup extender

    12-02-2008, 1:32 AM
    Answer
    HI rhari139
     
    From your description, I assume that, you want a Modal dialog come out, and the other content of the page will be covered, right?
     
    If so, I would like to suggest you try the following demo:
      
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <script runat="server">
    
    </script>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
            /*Modal Popup*/.modalBackground
            {
                background-color: Gray;
                filter: alpha(opacity=70);
                opacity: 0.7;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </cc1:ToolkitScriptManager>
        <div>
        </div>
        <asp:LinkButton ID="LinkButton1" runat="server">Verify</asp:LinkButton>
        <cc1:ModalPopupExtender ID="LinkButton1_ModalPopupExtender" runat="server" DynamicServicePath="" CancelControlID="Button1"
            Enabled="True" TargetControlID="LinkButton1" PopupControlID="Panel1" BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
            <asp:Panel ID="Panel1" runat="server" Height="299px" Width="475px">
            put the content of Modal dialog here...
            <br />
            <asp:Button ID="Button1" runat="server" Text="Button" />
        </asp:Panel>
          </form>
    </body>
    </html>
    
     

     
    Thanks.

     

    Lance Zhang
Page 1 of 1 (2 items)