Publicidade

Modal em asp.net usando o AjaxToolKit

6/05/2013 04:37:00 PM Rafael Rodrigues 0 Comments

No site http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ existem muitos componentes bacanas e bem funcionais, mas muitos deles não nos dão os esclarecimentos correntes quanto ao seu uso. Neste artigo vou dar um simples exemplo de utilização de componente bem comum: Modal.

Primeiramente crie um projeto WEB para teste no Visual Studio.

Após criado o projeto, crie um arquivo CSS dentro do diretório chamado Modal.

Abra o arquivo criado e insira o seguinte código:

.modalBackground
{
      background-colorYellow;
      filteralpha(opacity=60);
      opacity0.6;
}
.modalPopup
{
      background-color:#ffffdd;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:5px;
      width350px;
      height:300px;
}

Para usar qualquer componente AjaxToolKit, precisamos adicionar a referencia da API.



Crie uma página .aspx qualquer e insira o trecho de código:

E por fim, abaixo do código anterior vamos colocar esse o código do AjaxToolKit:




É isso! Agora é só rodar.



0 comentários: