modal popup like quick reply

Last post 11-03-2008 9:55 PM by Lance Zhang - MSFT. 1 replies.

Sort Posts:

  • modal popup like quick reply

    10-31-2008, 2:05 PM
    • Member
      26 point Member
    • audionic
    • Member since 09-25-2008, 6:17 PM
    • Posts 7

    hi everyone

    i want to create a modal popup but like quick reply. i have 3 links when i click on link1 page1.aspx should be displayed. when i click on link2 page2.aspx should be display and so forth.

    can any body help me.

     

  • Re: modal popup like quick reply

    11-03-2008, 9:55 PM
    Answer
    Hi audionic
     
    The facing goal can be achieve by Model Popup and iframe, please try the following code:
     
    <%@ 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">LinkButton1</asp:LinkButton>
        <cc1:ModalPopupExtender ID="LinkButton1_ModalPopupExtender" runat="server" DynamicServicePath="" CancelControlID="Button1"
            Enabled="True" TargetControlID="LinkButton1" PopupControlID="Panel1" BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
         
        <asp:LinkButton ID="LinkButton2" runat="server">LinkButton2</asp:LinkButton>
        <cc1:ModalPopupExtender ID="LinkButton2_ModalPopupExtender" runat="server" DynamicServicePath="" CancelControlID="Button2"
            Enabled="True" TargetControlID="LinkButton2" PopupControlID="Panel2" BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
         
        <asp:LinkButton ID="LinkButton3" runat="server">LinkButton3</asp:LinkButton>
        <cc1:ModalPopupExtender ID="LinkButton3_ModalPopupExtender" runat="server" DynamicServicePath="" CancelControlID="Button3"
            Enabled="True" TargetControlID="LinkButton3" PopupControlID="Panel3" BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
        <asp:Panel ID="Panel1" runat="server" Height="299px" Width="475px">
            <iframe src="Page1.aspx"></iframe>
            <br />
            <asp:Button ID="Button1" runat="server" Text="Button" />
        </asp:Panel>
        <asp:Panel ID="Panel2" runat="server" Height="299px" Width="475px">
            <iframe src="Page1.aspx"></iframe>
            <br />
            <asp:Button ID="Button2" runat="server" Text="Button" />
        </asp:Panel>
        <asp:Panel ID="Panel3" runat="server" Height="299px" Width="475px">
            <iframe src="Page1.aspx"></iframe>
            <br />
            <asp:Button ID="Button3" runat="server" Text="Button" />
        </asp:Panel>
        </form>
    </body>
    </html>
    

     
    Thanks.

     

    Lance Zhang
Page 1 of 1 (2 items)