gototopgototop
 

Curso de Joomla em várias modalidades só aqui no Joomla Brasília

  • aumentar tamanho texto 
  • diminuir tamanho texto 
  • layout default 
  • layout default daltonismo 
  • layout default contraste
Home Tutoriais | Tutorial Joomla - criando um formulário passo a passo

Tutorial Joomla - criando um formulário passo a passo

E-mail Imprimir PDF

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

Joomla! Brasilia é um domínio, sem afiliação ou ligação com o projeto Joomla! O nome e marca Joomla! pertencem a Open Source Matters!