Ticket Q36091
Visible to All Users

I have two ASPxPopupControl,popup1 and popup2,now I want put the popup2 below the popup1 forever

created 16 years ago

======== Changed On: '12/1/2008 11:42:31 PM', Changed By: 'zheng yi' ========
Hello Friend,
    This is zheng from the reseller Huidu Technology Co., Ltd., Chongqing, China, I would like to have your help.
    I have two ASPxPopupControl,popup1 and popup2,now I want put the popup2 below the popup1 forever, popup1 is Allow Resize, when I resize of popup1 ,at the same time the popup2 the size of the position change it. please refer to sample's Popup2.aspx,
similar to set following code in the popup2
PopupVerticalAlign="Below"
PopupElementID="popup1"
PopupHorizontalAlign="LeftSides"
Thanks and best wishes!

Comments (3)
DevExpress Support Team 16 years ago

    Hi,
    The ASPxPopupControl doesn't have such a functionality.
    But, you can resolve this problem by putting the ASPxPopupControl you want below, into div with z-index 11996 or less.
            <dxpc:ASPxPopupControl ID="ASPxPopupControl1" runat="server"
                ShowOnPageLoad="true" CloseAction="None"
                AllowDragging="true" AllowResize="true">
            </dxpc:ASPxPopupControl>
            <div style="width:0; height:0; position:relative; left:0; top:0; z-index:11996;">
                <dxpc:ASPxPopupControl ID="ASPxPopupControl2" runat="server"
                    ShowOnPageLoad="true" CloseAction="None"
                    AllowDragging="true" AllowResize="true">
                    <ContentCollection>
                        <dxpc:PopupControlContentControl ID="PopupControlContentControl1" runat="server">
                            below forever</dxpc:PopupControlContentControl>
                    </ContentCollection>
                </dxpc:ASPxPopupControl>
            </div>
    Thanks,
    Plato

    ?
    Unknown 16 years ago

      Hello Plato,
          Thanks your reply, May be I had undescribed clear,I want change popup1 height,and the popup2 position under the popup1 forever,To more understand it,please refer to Attachment's popup.jpg picture.
         Thanks and best wishes!

      DevExpress Support Team 16 years ago

        Hello,
        You can use the ASPxPopupControl's client-side Resize event. In this event you can calculate the position of your second ASPxPopupControl window.

        <head runat="server">
            <title>Untitled Page</title>
            <script type="text/javascript">
                function OnResize(){
                    pc2.Hide();
                    pc2.Show();
                }
            </script>
        </head>
        <body>
            <form id="form1" runat="server">
                <dxpc:ASPxPopupControl ID="ASPxPopupControl1" runat="server" ClientInstanceName="pc1"
                    ShowOnPageLoad="true" CloseAction="None" AllowDragging="true" AllowResize="true">
                    <ClientSideEvents Resize="function(s, e) { OnResize(e)}"></ClientSideEvents>
                    <ContentCollection>
                        <dxpc:PopupControlContentControl runat="server">
                        </dxpc:PopupControlContentControl>
                    </ContentCollection>
                </dxpc:ASPxPopupControl>
                <dxpc:ASPxPopupControl ID="ASPxPopupControl2" runat="server" ClientInstanceName="pc2"
                    EnableAnimation="false" ShowOnPageLoad="true" CloseAction="None" AllowDragging="true"
                    AllowResize="true" PopupElementID="ASPxPopupControl1_PWST-1" PopupHorizontalAlign="LeftSides"
                    PopupVerticalAlign="Below">
                </dxpc:ASPxPopupControl>
            </form>
        </body>

        In the example you can find PopupElementID="ASPxPopupControl1_PWST-1". ASPxPopupControl1_PWST-1 is an id of a default window of the ASPxPopupControl with ID= ASPxPopupControl1. Be careful though, this is not part of the public interface and can be changed in the future.
        Thanks,
        Plato

        Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

        Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.