[SOLUCIONADO] AjaxToolkit no funciona

[StephenQ]

Buenas noches foreros!!

Desde ya les agradezco la ayuda que me puedan brindar.

Me encuentro realizando una aplicación web en VS .NET C# 2013 (Framework 4.5) con AjaxToolKit 7.1213 y deseo implementar un ModalPopupExtender en un botón con el siguiente código en HTML5:

Código:

<style type="text/css">
        .modalBackground
        {
            background-color: black;
            filter: alpha(opacity=90);
            opacity:0.8;
            z-index:10000;
        } 
    </style>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Button ID="btnPopUp" runat="server" Height="47px" Text="Mostrar PopUp"
                Width="258px" />
            <ajaxToolkit:ModalPopupExtender ID="btnPopUp_ModalPopupExtender" runat="server"
                DynamicServicePath="" Enabled="True" TargetControlID="btnPopUp"
                BackgroundCssClass="modalBackground" PopupControlID="PanelModal">
            </ajaxToolkit:ModalPopupExtender>

            <asp:Panel ID="PanelModal" runat="server" Style="display: none; background: white; width: 80%; height: auto">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h3 id="myModalLabel">Titulo</h3>
                </div>
                <div class="modal-body">
                    <p>One fine body…</p>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
                </div>
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>

1. ¿Por qué al probar la aplicación no funciona?
2. ¿será que la versión del AjaxToolkit no es la indicada(la he desacargado desde NuGet)?
3. ¿He olvidado algun paso previo para utilizar el AjaxToolkit?.

He buscado por toda la red y lo único que he encontrado es que:

Código HTML:

asp:ScriptManager

Lo debo cambiarlo por:

Código HTML:

ajaxToolkit:ToolkitScriptManager

La página sigue sin mostrar el Popup.

¿Hay alguien que me pueda ayudar?, ya me estoy volviendo loco con este Popup .

De nuevo muchas gracias en lo que me puedan ayudar.

[StephenQ]

Buenas tardes amigos...

Ya encontré una solución. La comparto por si alguien la necesita.

La librería de ajax no funcionó, pero encontré la solución eliminando el UpdatePanel y el Panel y los reemplacé con DIV ; ademas actualicé el Bootstrap para que el modal quedara mejor presentado.

Acontinuación pueden ver el código fuente:

Código:

<button class="btn-link" data-toggle="modal" data-target="#myModal">+</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="font-size: small">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span></button>
                <h4 class="modal-title" id="myModalLabel">Titulo</h4>                                        
            </div>
            <div class="modal-body">
                Cuerpo del modal
            </div>
            <div class="modal-footer">
                                        
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

Saludos.