none
Agregar animacion a un ModalPopupExtender de ajax abriendolo el mismo del lado del servidor RRS feed

  • Pregunta

  • buenas quisiera agregar un efecto similar a Este!!!!! cuando abro un modal con Ajax ,el problema es que abro el modal desde el servidor y eso me impide ocupar    el < Animations > < OnClick>

    si defino que la animacion se muestre con "<Animations> <OnClick>" no funciona pues primero hace la animacion y depues mostraria el Modal  sin la animacion definida en el AnimationExtender 

    Tengo el siguiente codigo;

    <html>
    <body id="css_body" runat="server">
        <form id="form1" runat="server">
    
            <ajaxToolkit:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnInicial"
                    CancelControlID="btnClose" BackgroundCssClass="modal-backdrop fade in"></ajaxToolkit:ModalPopupExtender>
                    <asp:ScriptManager ID="ScriptManager" runat="server"
                       EnablePartialRendering="true" />
    
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <asp:Button ID="Button2" runat="server" Text="Show Modal Popup" OnClick="btnShow_Click" />
                            </ContentTemplate>
                        </asp:UpdatePanel>
               
                      <asp:Button ID="btnInicial" runat="server" Text="Button" style="display:none" />
    
                <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none">
                     <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                        <ContentTemplate>
    
                         <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    
                        </ContentTemplate>
                      </asp:UpdatePanel>
    
                    <asp:Button ID="btnClose" runat="server" Text="Close" />
                </asp:Panel>
    
            <ajaxToolkit:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="btnInicial">
                <Animations>
                    <OnClick>
                        <%-- Aqui genera animacion --%>
                    </OnClick>
                </Animations>
    
    
            </ajaxToolkit:AnimationExtender>
        </form>
    </body>
    </html>

    y del lado del servidor tengo lo siguiente

    protected void btnShow_Click(object sender, EventArgs e)
            {
                ScriptManager.RegisterStartupScript(this, GetType(), "style", "document.getElementById('css_body').classList.add('modal-open');",true);
                css_body.Attributes.Add("class", "modal-open");
                Label1.Text = "resultado";
                mp1.Show();
            }

    hay alguna solucion!!

    miércoles, 20 de junio de 2018 4:40