Neste curso aprenderemos a utilizar os principais controles do AJAX. Será utilizado o Ajax Control ToolKit e o desenvolvimento será feito no Visual Studio.
-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 23:32 min

Descrição: Veja neste vídeo como implementar o extender do Ajax chamado PopupControl.

Palavras-Chave: AJAX ContolKit, PopupControl

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 20:15 min

Descrição: Aprenda neste vídeo como implementar e configurar o controle ModalPopup do AJAX Control ToolKit. Este extender permite que você exiba uma mensagem popup ao seu usuário com possibilidade de captura da ação realizada por ele dentro dos controles que você inserir dentro da popup. Fato interessante é que o popup é exibida em Modal, ou seja, o restante da página fica desabilitada.

Palavras-Chave: AJAX ContolKit, ModalPopup

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 17:45 min

Descrição: Aprenda nesta vídeo-aula como implementar e configurar o controle ResizableControl Extender do AJAX Control ToolKit. Com este extender é possível permitir que o usuário do web site redimensione Panels como em tempo real do lado cliente, como se fosse uma janela do Windows.

Palavras-Chave: AJAX ContolKit, ResizableControl Extender

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 19:04 min

Descrição: Aprenda neste vídeo como implementar e configurar o controle ValidatorCallOut Extender do AJAX Control ToolKit. Com este extender é possível exibir mensagens de validação dos campos de um formulário em balões similares aos do Windows.

Palavras-Chave: AJAX ContolKit, ValidatorCallOut Extender

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 19:30 min

Descrição: Aprenda neste vídeo como implementar e configurar o controle PagingBulletedList do AJAX Control ToolKit. Este extender adiciona paginação e ordenação para listas grandes (BulletedLists).

Palavras-Chave: AJAX ContolKit, PaggingBulletedList Extender

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 19:37 min

Descrição: Neste vídeo veremos como funciona e como implementar o Extender chamado DropDown.

Palavras-Chave: AJAX ContolKit, DropDown Extender

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 26:48 min

Descrição: Neste vídeo veremos como criar uma página do tipo Fale Conosco usando controles como Wizard, alguns validators, e também faça com que a página envio um email para o webmaster.

Palavras-Chave: Wizard, webmaster

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 21:46 min

Descrição: Aprenda nesta vídeo-aula como implementar e configurar o controle TextBoxWaterMark do AJAX Control ToolKit. Este extender permite implementar texto e estilo iniciais em textboxes que somem quando o controle recebe foco e reaparecem quando o controle perde o foco e está vazio. Do tipo “Digite aqui sua busca”. Muito útil e fácil de implementar. Aprenda neste vídeo como implementar e configurar o controle ToggleButton Extender do AJAX Control ToolKit. Com este extender você pode customizar seus checkboxes, colocando imagens neles que representam cada um dos seus estados: checked e unchecked.

Palavras-Chave: AJAX ContolKit, TextBoxWatermark, ToogleButton Extender

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 18:40 min

Descrição: Aprenda nesta vídeo-aula como implementar e configurar o controle DropShadow do AJAX Control ToolKit. Com este extender é possível implementar um efeito de sombra nos seus controles ASP.NET como por exemplo Panels, Textboxes, Labels, etc. Aprenda neste vídeo como implementar e configurar o controle FilteredTextBox do AJAX Control ToolKit. Permite você restringir o tipo de texto inserido em um textbox. Por exemplo permitir somente números ou somente letras e etc. Muito útil.

Palavras-Chave: AJAX ContolKit, DropShadow, FilteredTextBox

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 23:47 min

Descrição: Aprenda nesta vídeo-aula como implementar e configurar o controle Accordion do AJAX Control ToolKit. Com o extender Accordion, é possível fazer uma espécie de sanfona com os panels que você desejar. Algo do tipo: expande um os outros se fecham.

Palavras-Chave: AJAX ContolKit, Accordion

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 22:36 min

Descrição: Conheça nesse vídeo como implementar o PwdStrength Control Extender (Ajax).

Palavras-Chave: AJAX ContolKit, PwdStrength Control Extender

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 20:13 min

Descrição: Conheça como implementar o controle AlwaysVisible (Ajax), neste vídeo que é a parte 3 da série Ajax.

Palavras-Chave: AJAX ContolKit, controle AlwaysVisible

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 23:41 min

Descrição: Conheça neste vídeo como utilizar o Collapsable Panel Extender do Ajax Toolkit.

Palavras-Chave: AJAX ContolKit, Collapsable Panel Extender

-->">

Atenção: Esse vídeo foi adquirido do site Linha de Código

Tempo: 20:55 min

Descrição: Conheça neste vídeo como preparar o ambiente para utilização do Ajax e conheça como utilizar o extender do Ajax ContolKit, ConfirmButtom.

Palavras-Chave: AJAX ContolKit, ConfirmButtom

-->">

ASP.NET - Carregando a página sem refresh com AJAX - Veja como é fácil atualizar informações na sua página sem dar refresh nela utilizando o AJAX

Introdução
Vamos lá, você precisa atualizar só um pedaço da sua página, mas acredita que dar um refresh nela inteira seja um verdadeiro desperdício de tempo por causa do tanto de informações que irão trafegar pela web. Essa é uma vedade que não dá mais para fugir hoje em dia. Para que nós consigamos re-renderizar apenas um pedaço da página, nós vamos utilizar a tecnologia AJAX, mais especificamente com o controle UpdatePanel.

Mãos à obra!

Abra o Visual Studio e clique em File > New Web Site, conforme mostra a Figura 1.

Figura 1 - Novo web site

Selecione o template chamado "ASP.NET Web Site" e no local onde nosso web site ficará gravado, informe uma pasta "D:\Meus Projetos\NoRefresh" ou uma pasta que preferir.
Clique em "Ok" e seu web site será criado na pasta especificada.
Veja o exemplo na Figura 2.

Figura 2 - Template ASP.NET Web Site

Na sua página "Default.aspx" adicione um controle do tipo Label com o nome "lblDataHora" (propriedade Id).

Adicione também um Button. Mude seu nome para "btnAtualizar" (propriedade ID) e o texto para "Atualizar Data e Hora" (propriedade Text).

Veja como deve ficar sua página Default.aspx na Figura 3.

Figura 3 - Página Default.aspx com os controles Label e Button

Agora vamos fazer com que, ao pressio

...

ASP.NET - Implementando efeito de sombra com AJAX - Veja como é fácil implementar o efeito de sombra em controles ASP.NET utilizando o AJAX ToolKit

Apresentação
Olá, meu nome é Fellipe Borges e este é o meu primeiro artigo na Devmedia. Espero através dele ajudar você desenvolvedor a implementar novas funcionalidades nos seus projetos de forma clara, rápida e objetiva.

Introdução
Vamos lá, você viu em um site um textbox, button, image, etc com um efeito de sombra que lhe pareceu muito interessante. Então resolveu aplicar no seu site utilizando-se dos métodos comuns (Javascript e CSS) e percebeu que não é uma tarefa tão simples quanto parece. Ok, se isso não aconteceu com você, pelo menos aconteceu comigo.
Mas cá entre nós, pra que reescrever código que está pronto e funciona bem? Pensando nisso, quero lhe apresentar o Extender do AJAXControlKit chamado "DropShadowExtender". Com ele, a implementação do efeito de sombra nos seus controles ASP.NET é rápida e fácil, e o melhor: funciona.

Instalação
Não vou perder tempo explicando o que é e como funciona o AJAX. Caso você ainda não saiba, aqui mesmo na Devmedia existem artigos explicando. Vamos direto à instalação.
Você terá que ter duas "coisas" instaladas na sua máquina:

1. Microsoft AJAX
2. Microsoft AjaxToolkit
Observação: a Microsoft deixou de utilizar o codenome ATLAS (o qual era a versão beta-experimental) para utilizar o seu nome definitivo: AJAX. Inclusive o toolkit, que passou a ser chamado de AjaxToolKit. Então daqui pra frente, vamos chamá-los de AJAX e AjaxToolKit.

1 - Microsoft AJAX - essa instalação é muito simples, acesse o site do ASP.NET (www.asp.net) e clique em AJAX. Na página do AJAX clique em "download". Até a publicação deste artigo, a versão era a 1.0 beta, se ainda for, clique no link "Microsoft ASP.NET AJAX v1.0 Beta", senão clique na versão que aparecer. Você será redirecionado para a página de downloads da Microsoft, por lá clique em "download" e baixe o executável.
A instalação é simples, utilize o método NNF (next, next, finish) - Risos.
2 - Microsoft AJAX ToolKit - é o toolkit que contém o nosso controle desejado, o "DropShadowExtender". Para baixá-lo, clique no link "ASP.NET AJAX Control Toolkit", na página de download do www.asp.net (a página que você estava agora à pouco).
O toolkit não precisa ser instalado, ele apenas deve ser descompactado. Descompacte-o na pasta desejada. Vá até a basta "SampleWebSite\Bin" e copie os dois arquivos que estão lá (AjaxControlToolkit.dll e AjaxControlToolkit.pdb). Crie uma pasta chamada "AjaxToolKit" na sua pasta "\Arquivos de Programas\Microsoft ASP.NET" e cole os dois arquivos copiados lá dentro.
(Caso não tenha a pasta Microsoft ASP.NET você deve criá-la).
Ok, seu computador já está apto a produzir web pages muito mais interessantes e ricas com o AJAX, então mãos à obra!

Mãos à obra!
Agora que você já está com as DLLs necessárias instaladas, vamos começar nosso projeto.
Abra o Visual Studio e clique em File > New Web Site, conforme mostra a Figura 1.

Figura 1 - Novo web site

Selecione o template chamado "ASP.NET AJAX-Enabled Web Site" e no local onde nosso web site ficará gravado, informe uma pasta "D:\Fontes\DropDownShadowExtender" ou uma pasta que preferir.
Clique em "Ok" e seu web site preparado para utilizar AJAX será criado na pasta especificada.
Veja o exemplo na Figura 2.

Figura 2 - Template ASP.NET AJAX-Enabled Web Site

Note que na sua página Default.aspx, já foi criado um controle do tipo "ScriptManager". Este controle é obrigatório em toda e qualquer página que utilize AJAX, é ele quem vai gerenciar as chamadas XML no servidor. Você pode deixá-lo da maneira como vem, para este exemplo não será necessário nenhuma modificação no componente. Veja como deve ficar sua página Default.aspx na Figura 3.

Figura 3 - componente ScriptManager adicionado automaticamente

Agora vamos adicionar os controles pertencentes ao AJAX ToolKit a nossa barra de ferramentas (toolbox). É muito simples: clique com o botão direito do mouse sobre um local vazio na sua barra de ferramentas e selecione a opção "Add Tab" conforme mostra a Figura 4.

Figura 4 - Adicionando uma nova tab

Será necessário dar um nome à nossa nova tab, digite "AJAX ToolKit". Sua barra de ferramentas deve ficar como mostra a Figura 5.

Figura 5 - Sua barra nova barra de ferramentas

Agora temos que adicionar os itens à nova tab que foi criada. Para isso, clique com o botão direito do mouse sobre dentro da tab "AJAX ToolKit" e selecione a opção "Choose Items", conforme mostra a Figura 6.

Figura 6 - Incluindo os itens na tab "AJAX ToolKit"

Será exibida uma lista dos controles disponíveis para a sua toolbox, porém os controles do AJAX ToolKit não aparecem nesta lista, por esse motivo teremos que localizar a DLL que instalamos à pouco. Para isso clique em "Browse" conforme mostra a Figura 7.

Figura 7 - Lista de componentes da sua toolbox

Agora temos que selecionar a DLL do AJAX ControlKit. Lembra que nós a instalamos à pouco? Se você seguiu os passos do item "Instalação", então a DLL se encontra na pasta "\Arquivos de Programas\Microsoft ASP.NET\AJAXToolKit". Caso você tenha instalado em outra pasta, vá até ela. Nós iremos selecionar a DLL chamada "AjaxControlToolKit.dll"conforme mostra a Figura 8.

Figura 8 - Selecionando a DLL do AJAX ControlKit

Clique em "Abrir", os controles do AJAX ControlKit irão aparecer na lista já selecionados. Deixe como está e clique em "Ok". Observe que sua tab foi preenchida com todos os controles disponíveis no AJAX ControlKit, conforme mostra a Figura 9.

Figura 9 - Controles do AJAX ControlKit

Ok, você notou que até agora apenas preparamos o ambiente. Então sem mais delongas vamos começar a codificar (ou arrastar os componentes da toolbox).

Vá até a aba "Standard" e selecione o controle "Panel". Arraste ele para o seu formulário, e (chega de drag and drop) clique em "Source". Vamos definir algumas propriedades do nosso "Panel"que foi inserido.

A propriedade essencial nesse momento é o "Id" pois é através dele que o controle "DropShadow Extender" vai saber qual controle vai implementar a sombra, então defina o id como "PanelExemplo". Coloque uma cor de fundo no seu panel também através da propriedade BackColor, eu utilizei a cor "#3399FE". Veja como deverá ficar o código na Figura 10.

Figura 10 - Código do Panel

Clique em "Design"para ver como ficou seu formulário, ele deve estar parecido com o mostrado na Figura 11.

Figura 11 - Aparência do formulário após incluir o panel

Vá até a aba "ATLAS TollKit" e arraste o controle "DropShadowExtender" para o formulário, logo abaixo do "PanelExemplo", conforme mostra a Figura 12.

Figura 12 - Adicionando o controle DropShadowExtender

Agora precisamos configurar o controle adicionado, para isso voltemos ao código. Clique em source. Temos que configurar algumas propriedades do controle. Confira na Tabela 1, as principais propriedades do controle. Configure-o conforme o código mostrado na Figura 13.

Propriedade

Descrição

...