gototopgototop
Tutorial Joomla - criando um formulário passo a passo PDF Imprimir E-mail

Neste tutorial passo a passo iremos criar um formulário utilizando a extensão ckforms , própria para criação de formulários personalizados.

1) Baixe o ckforms

2) Acesse o backend do joomla e clique em extensões -> instalar/desinstalar

3) Instale o componente

tuto formulário 2

4) clique em componentes -> CK Forms

tuto formulário 3

5) clique no ícone novo que está a direita e acima

tuto formulário 4

6) Crie o seu formulário observando os seguintes pontos: ABA General

  1. Nome do formulário - deve ser minúsculo e não pode conter caracteres epeciais ou espaços pois será um campo na tabela
  2. Título - O nome que vai aparecer no frontend. Pode conter caracteres especiais e espeços
  3. Marque se o formulário estará publicado
  4. Escolha se vai utilizar o captcha (strings misturadas para evitar a submissão do formulário por robots)
  5. Uma descrição para o seu formulário

tuto formulário 5

ABA Result

  1. Selecione se os dados enviados ficarão gravados na base de dados. Se marcar não, o formulário poderá ser enviado por email mas você não terá um controle de registro
  2. Um texto a ser exibido após o envio do formulário
  3. Página para a qual o internauta será redirecionado após enviar o formulário

tuto formulário 6

ABA Email

  1. Selecione se deseja ou não enviar o formulário por email
  2. Qual o email utilizado para disparar o formulário. Deixe o mesmo que está nas configurações globais do seu website
  3. Preencha se necessário
  4. Preencha se necessário
  5. Preencha se necessário
  6. Assunto do email

tuto formulário 7

ABA Advanced

  1. Preencha caso permita envio de arquivos
  2. Digite o tamanho máximo do arquivo a ser enviado
  3. Mostrar a logo do desenvolvedor?
  4. Clique em salvar

Após salvar o formulário você verá a imagem abaixo onde:

tuto formulário 8

  1. Título do formulário criado
  2. Nome do formulário criado
  3. Campos presentes no formulário. Perceba que está com o número 0. Ou seja, não existem campos no formulário
  4. Mostra os formulários enviados desde que você tenha optado por salvar os resultados

Clique no número 0 da opção fields para criar novos campos no formulário

tuto formulário 9

  1. Nome do campo - caixa baixa, sem caracteres especiais pois será o nome do campo na tabela
  2. Label do campo - Texto normal com caixa alta se necessário, espaços e caracteres especiais
  3. Publicado?
  4. Quantidade máxima de caracteres aceitos
  5. Quantidade mínima de caracteres aceitos
  6. Tipo de campo ( não vou entrar no mérito de cada tipo de campo de formulário)

* marque a opção Mandatory se o campo for de preenchimento o brigatório

tuto formulário 10

Criando o botão de submissão do formulário

  1. Tipo do campo - Button
  2. Tipo do botão - submit

Vamos agora criar um ítem de menu para o formulário

tuto formulário 11

No frontend basta clicar no ítem de menu criado, Teste de envio, preencher e clicar no botão Enviar. Observe as letras no fundo azul, isto é captcha.

tuto formulário 12

Após enviar o formulário, acesse o backend e clique na opção Display data para verificar os dados enviados

tuto formulário 13

Resultado dos dados enviados pelo frontend

tuto formulário 14

Conclusão:

O componente ckforms é de fácil utilização e permite criar formulários completos para qualquer projeto Joomla, basta usar a imaginação e aplicá-lo de acordo com suas necessidades.

Até o próximo tutorial.

Sucesso!

  divulgue o artigo no orkut
Voltar

Your are currently browsing this site with Internet Explorer 6 (IE6).

Your current web browser must be updated to version 7 of Internet Explorer (IE7) to take advantage of all of template's capabilities.

Why should I upgrade to Internet Explorer 7? Microsoft has redesigned Internet Explorer from the ground up, with better security, new capabilities, and a whole new interface. Many changes resulted from the feedback of millions of users who tested prerelease versions of the new browser. The most compelling reason to upgrade is the improved security. The Internet of today is not the Internet of five years ago. There are dangers that simply didn't exist back in 2001, when Internet Explorer 6 was released to the world. Internet Explorer 7 makes surfing the web fundamentally safer by offering greater protection against viruses, spyware, and other online risks.

Get free downloads for Internet Explorer 7, including recommended updates as they become available. To download Internet Explorer 7 in the language of your choice, please visit the Internet Explorer 7 worldwide page.