AjaxTollKit - ModalPopUp Extender

Question

Pessoal,

Sou muito novato em AjaxTollKit e estou precisando de uma ajuda onde nos foruns só achei coisa muito complexa e não consegui implementar.

Seguinte, tenho um form de login onde ele terá um botão de "Esqueci minha senha" que este chamará o popup com o form onde será feito o pedido do reset informando o e-mail atual do usuário. Pergunta: como eu utilizo o modal? Apanhei horrores e não consegui se quer fazer aparecer o form no padrão de tela escura e o form pronto para ser utilizado pelo usuário. alguém pode me ajudar?

Desde já agradeço!

---

Att, Lindolfo Junior

Answer 1

Você já deu uma olhada nesse site:

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx

Acho que o exemplo ai está fácil de compreender. Basta vc colocar os elementos do formulário dentro de um Panel
e chamá-lo no modal, e configurar os botões de "ok" e "cancelar".

Answer 2

Este vídeo explica como fazer o modalpopup passo a passo.
http://www.asp.net/learn/ajax-videos/video-85.aspx

Abraço

Answer 3

Fale,

Cria um .js dessa forma de acordo com a listagem 1 e um exemplo de como usar essa function do .js conforme a listagem 2, não esquecer de colocar na página o local que está o .js  veja a listagem 3.

 

Listagem 1:

//Adiona o Modal PopUp

function ShowModalDialog(url, parametro, campo){

 var retorno='';

 if(document.getElementById(campo).value=='')

 {

    alert('Campo Obrigatório!!!');

    document.getElementById(campo).focus();

    return false;

 }

 else

 {

     retorno = showModalDialog(url + "&" + parametro + "=" + document.getElementById(campo).value,"window",'help:no;status:no;scroll:yes;edge:raised;dialogWidth:700px;edge:raised;dialogHeight:650px')

     if(retorno!='' && retorno!=null)

     {

        document.getElementById(campo).value=retorno;

     }

     return true;

 }

}

 

Listagem 2:

 

<asp:ImageButton ID="imgBtnPesquisar" runat="server" AlternateText="Consultar"

                            ImageUrl="caminho_da_imagem.png"

                            OnClientClick="return ShowModalDialog('Default2.aspx?Tipo=1','oi','txtNomeTextbox');" />

 

Listagem 3:

 

<script src="Nome_do_javascript.js" type="text/javascript"></script>

Abraço!

---

Se a resposta solucionar sua dúvida, favor - Votar como Útil Abraço!