Formulários e Campos

De Melhor Loja Web

(Diferença entre revisões)
(formulários e campos)
(formulários e campos)
 
(31 edições intermediárias não estão sendo exibidas.)
Linha 1: Linha 1:
{| class= wikitable
{| class= wikitable
-
| [[Arquivo:Wiki_ferramentas.png‎‎]] '''Formulários e Campos'''
+
| [[Arquivo:Wiki_ferramentas.png|link=Formulários e Campos‎‎]] '''Formulários e Campos'''
----
----
 +
 +
Para criar novos campos e formulários de cadastro, clique no link que fica na parte superior da página - ''"Ferramentas"'' em seguida em ''"Formulários e Campos"'', como mostramos abaixo:
 +
 +
[[Arquivo:wiki_menu_formularios_campos.png|link=Formulários e Campos‎‎]]<br/><br/>
 +
 +
Você tem duas áreas para criar os formulários e campos:
 +
'''# Cadastro dos Detalhes Pessoais;'''
 +
'''# Cadastro dos Detalhes da Entrega'''
 +
 +
[[Arquivo:wiki_cadastro_formularios.png|link=Formulários e Campos‎‎]]<br/><br/>
 +
 +
Esta área é dividida em ''"Cadastro Campos"'' e ''"Endereço Campos"'' conforme as respectivas abas.
 +
 +
Se você deseja inserir campos nos dados pessoais, clique na aba ''"Cadastro Campos"''; já se você deseja inserir campos nos dados de entrega, clique na aba ''"Endereço Campos"''.
 +
 +
[[Arquivo:wiki_abas_formularios.png|link=Formulários e Campos‎‎]]<br/><br/>
 +
 +
Depois de definir onde criará o campo, vamos aprender a inserir e administrar os mesmos.
= Como inserir novos campos e formulários no cadastro? =
= Como inserir novos campos e formulários no cadastro? =
Linha 7: Linha 25:
A grande vantagem de trabalhar com esta loja são as variedades de edições que você mesmo poderá fazer. Nesta área você poderá definir quais serão os campos que seu cliente terá que cadastrar.
A grande vantagem de trabalhar com esta loja são as variedades de edições que você mesmo poderá fazer. Nesta área você poderá definir quais serão os campos que seu cliente terá que cadastrar.
-
Para criar um novo campo, clique no botão ''Criar novo campo'' e em seguida você terá que escolher que tipo de campo ele será:
+
Para criar um novo campo, clique no botão ''"Criar novo campo"'' e em seguida você terá que escolher que tipo de campo ele será:
-
[[Arquivo:wiki_campos.jpg]]
+
[[Arquivo:wiki_campos.jpg|link=Formulários e Campos|link=Formulários e Campos‎‎]]
== CheckBoxes ==  
== CheckBoxes ==  
Linha 15: Linha 33:
É um campo onde é possível escolher várias opções.
É um campo onde é possível escolher várias opções.
-
Veja um exmeplo:  
+
Veja um exemplo:  
-
[[Arquivo:wiki_campo_checkbox.jpg]]
+
[[Arquivo:wiki_campo_checkbox.jpg|link=Formulários e Campos]]
Se você deseja um campo como este, clique nesta opção para preencher todos os dados:
Se você deseja um campo como este, clique nesta opção para preencher todos os dados:
 +
 +
[[Arquivo:wiki_editar_checkboxes.jpg|link=Formulários e Campos]]
'''Aba Geral:'''
'''Aba Geral:'''
-
* Nome do Campo: Este é o título do seu campo, ou nome o do campo que você dará;
+
* '''Nome do Campo:''' Este é o título do seu campo, ou nome do campo que você dará;
-
* Lista de Valores: Neste campo você vai digitar todas as opções que você deseja nos checkboxes.
+
* '''Lista de Valores:''' Nesta área você vai digitar todas as opções que você deseja nos checkboxes.
 +
 
 +
Depois de inserir todos os campos que você deseja, clique no link ''"Ordenar Valores em Ordem Alfabética"'' para que eles fiquem na ordem.
Eles precisam estar separados por espaços um abaixo do outro, como mostramos abaixo:
Eles precisam estar separados por espaços um abaixo do outro, como mostramos abaixo:
-
[[Arquivo:wiki_editar_checkboxes.jpg]]
+
[[Arquivo:wiki_editar_checkboxes1.jpg|link=Formulários e Campos]]
-
* Obrigatório: Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.
 
-
----
+
* '''Obrigatório:''' Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.<br/>
 +
 
 +
Depois de preencher os dados iniciais, agora você deve clicar na ''aba "Avançado"'':
-
Depois de preencher os dados iniciais, agora você deve clicar na aba Avançado que fica ao lado direito:
 
'''Aba Avançado:'''
'''Aba Avançado:'''
-
* Noma da Classe CSS:
+
* '''Noma da Classe CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
-
* Estilo Inline CSS:
+
* '''Estilo Inline CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
-
 
+
 +
Depois de tudo definido agora basta clicar no botão ''"Salvar"'', ou se não deseja mais criar o campo, clique no botão ''"Cancelar"''.<br/><br/>
== Campo Data ==
== Campo Data ==
-
== Campo Texto - multi linha ==
+
 
 +
Campo Data é a criação de um campo em formato de data: mês, dia e ano.
 +
 
 +
Veja um exemplo:
 +
 
 +
[[Arquivo:wiki_campo_data.jpg|link=Formulários e Campos]]
 +
 
 +
Se você deseja um campo como este, clique nesta opção para preencher todos os dados:
 +
 
 +
[[Arquivo:wiki_cria_campo_data.jpg|link=Formulários e Campos]]
 +
 
 +
'''Aba Geral:'''
 +
 
 +
* '''Nome do Campo:''' Este é o título do seu campo, ou nome do campo que você dará;
 +
* '''Valor Padrão:''' Você pode pré definir uma data para que apareça logo quando o cliente for escolhê-la;
 +
* '''Faixa de Datas:''' Além de uma data pré definida você também pode limitar as faixas de datas para que o cliente não use datas muito antigas, ou datas muito futuras.
 +
* '''Obrigatório:''' Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.<br/>
 +
 
 +
Depois de preencher os dados iniciais, agora você deve clicar na ''aba "Avançado"'':
 +
 
 +
 
 +
'''Aba Avançado:'''
 +
 
 +
* '''Noma da Classe CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
* '''Estilo Inline CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
 
 +
Depois de tudo definido agora basta clicar no botão ''"Salvar"'', ou se não deseja mais criar o campo, clique no botão ''"Cancelar"''.<br/><br/>
 +
 
 +
== Campo Texto - Multi Linha ==
 +
 
 +
Campo Texto Multi Linha é a criação de um campo em formato texto, mas que permite textos mais extensos.
 +
 
 +
Veja um exemplo:
 +
 
 +
[[Arquivo:wiki_campo_multilinha.jpg|link=Formulários e Campos]]
 +
 
 +
Se você deseja um campo como este, clique nesta opção para preencher todos os dados:
 +
 
 +
[[Arquivo:wiki_cria_campo_multilinha.jpg|link=Formulários e Campos]]
 +
 
 +
'''Aba Geral:'''
 +
 
 +
* '''Nome do Campo:''' Este é o título do seu campo, ou nome do campo que você dará;
 +
* '''Valor Padrão:''' Você pode pré definir uma mensagem para que apareça logo quando o cliente visualizá-la;
 +
* '''Obrigatório:''' Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.<br/>
 +
 
 +
Depois de preencher os dados iniciais, agora você deve clicar na ''aba "Avançado"'':
 +
 
 +
 
 +
'''Aba Avançado:'''
 +
 
 +
* '''Número de Linhas:''' Aqui você vai definir qual a quantidade de linhas que o campo terá;
 +
* '''Tamanho do Campo:''' Depois é preciso definir também qual tamanho em pixels deste campo;
 +
* '''Noma da Classe CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
* '''Estilo Inline CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
 
 +
Depois de tudo definido agora basta clicar no botão ''"Salvar"'', ou se não deseja mais criar o campo, clique no botão ''"Cancelar"''.<br/><br/>
 +
 
== Números apenas ==
== Números apenas ==
-
== Campo senha ==
+
 
 +
Campo número é a criação de um campo com apenas números.
 +
 
 +
Veja um exemplo:
 +
 
 +
[[Arquivo:wiki_campo_numero.jpg|link=Formulários e Campos]]
 +
 
 +
Se você deseja um campo como este, clique nesta opção para preencher todos os dados:
 +
 
 +
[[Arquivo:wiki_cria_campo_numero.jpg|link=Formulários e Campos]]
 +
 
 +
'''Aba Geral:'''
 +
 
 +
* '''Nome do Campo:''' Este é o título do seu campo, ou nome do campo que você dará;
 +
* '''Faixa de Números:''' Aqui você pode definir a faixa de números que o cliente pode digitar, por exemplo: se você deseja que ele escolha entre 1 a 5 você vai colocar as faixas para não permitir outras numerações;
 +
* '''Valor Padrão:''' Você pode pré definir um número para que apareça logo quando o cliente visualizá-lo;
 +
* '''Obrigatório:''' Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.<br/>
 +
 
 +
Depois de preencher os dados iniciais, agora você deve clicar na ''aba "Avançado"'':
 +
 
 +
 
 +
'''Aba Avançado:'''
 +
 
 +
* '''Tamanho do Campo:''' É preciso definir qual tamanho em pixels deste campo;
 +
* '''Máximo de Letras do Caractere:''' Além do tamanho, você pode definir quantos caracteres (números) o cliente pode digitar;
 +
* '''Noma da Classe CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
* '''Estilo Inline CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
 
 +
Depois de tudo definido agora basta clicar no botão ''"Salvar"'', ou se não deseja mais criar o campo, clique no botão ''"Cancelar"''.<br/><br/>
 +
 
 +
== Campo Senha==
 +
 
 +
O Campo Senha é a criação de um campo com a finalidade de gravar senhas, estes dados não aparecem para dar mais segurança ao usuário.
 +
 
 +
Lembramos que a senha pode ter números, letras e caracteres especiais (*, @, e outros).
 +
 
 +
Veja um exemplo:
 +
 
 +
[[Arquivo:wiki_campo_senha.jpg|link=Formulários e Campos]]
 +
 
 +
Se você deseja um campo como este, clique nesta opção para preencher todos os dados:
 +
 
 +
[[Arquivo:wiki_cria_campo_senha.jpg|link=Formulários e Campos]]
 +
 
 +
'''Aba Geral:'''
 +
 
 +
* '''Nome do Campo:''' Este é o título do seu campo, ou nome do campo que você dará;
 +
* '''Valor Padrão:''' Você pode pré definir esta informação para que apareça logo quando o cliente for digitá-la;
 +
* '''Obrigatório:''' Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.<br/>
 +
 
 +
Depois de preencher os dados iniciais, agora você deve clicar na ''aba "Avançado"'':
 +
 
 +
 
 +
'''Aba Avançado:'''
 +
 
 +
* '''Tamanho do Campo:''' É preciso definir qual tamanho em pixels deste campo;
 +
* '''Máximo de Letras do Caractere:''' Além do tamanho, você pode definir quantos caracteres (números) o cliente pode digitar;
 +
* '''Noma da Classe CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
* '''Estilo Inline CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
 
 +
Depois de tudo definido agora basta clicar no botão ''"Salvar"'', ou se não deseja mais criar o campo, clique no botão ''"Cancelar"''.<br/><br/>
 +
 
== Botões Radio ==
== Botões Radio ==
 +
 +
O Botão Radio é um campo onde é possível escolher apenas 1 opção.
 +
 +
Veja um exemplo:
 +
 +
[[Arquivo:wiki_campo_radio.jpg|link=Formulários e Campos]]
 +
 +
Se você deseja um campo como este, clique nesta opção para preencher todos os dados:
 +
 +
[[Arquivo:wiki_cria_campo_radio.jpg|link=Formulários e Campos]]
 +
 +
'''Aba Geral:'''
 +
 +
* '''Nome do Campo:''' Este é o título do seu campo, ou nome do campo que você dará;
 +
* '''Lista de Valores:''' Nesta área você vai digitar todas as opções que você deseja nos botões radio.
 +
 +
Depois de inserir todos os campos que você deseja, clique no link ''"Ordenar Valores em Ordem Alfabética"'' para que eles fiquem na ordem.
 +
 +
Eles precisam estar separados por espaços um abaixo do outro, como mostramos abaixo:
 +
 +
[[Arquivo:wiki_cria_campo_radio1.jpg|link=Formulários e Campos]]
 +
 +
* '''Obrigatório:''' Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.<br/>
 +
 +
Depois de preencher os dados iniciais, agora você deve clicar na ''aba "Avançado"'':
 +
 +
 +
'''Aba Avançado:'''
 +
 +
* '''Noma da Classe CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
* '''Estilo Inline CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
 +
Depois de tudo definido agora basta clicar no botão ''"Salvar"'', ou se não deseja mais criar o campo, clique no botão ''"Cancelar"''.<br/><br/>
 +
== Campo Texto ==
== Campo Texto ==
 +
 +
Através deste campo é possível criar um texto como nome, endereço, e outros.
 +
 +
Veja um exemplo:
 +
 +
[[Arquivo:wiki_campo_texto.jpg|link=Formulários e Campos]]
 +
 +
Se você deseja um campo como este, clique nesta opção para preencher todos os dados:
 +
 +
[[Arquivo:wiki_cria_campo_texto.jpg|link=Formulários e Campos]]
 +
 +
'''Aba Geral:'''
 +
 +
* '''Nome do Campo:''' Este é o título do seu campo, ou nome do campo que você dará;
 +
* '''Valor Padrão:''' Você pode pré definir este campo para que apareça logo quando o cliente for digitá-lo;
 +
* '''Obrigatório:''' Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.<br/>
 +
 +
Depois de preencher os dados iniciais, agora você deve clicar na ''aba "Avançado"'':
 +
 +
 +
'''Aba Avançado:'''
 +
 +
* '''Tamanho do Campo:''' É preciso definir qual tamanho em pixels deste campo;
 +
* '''Máximo de Letras do Caractere:''' Além do tamanho, você pode definir quantos caracteres (letras) o cliente pode digitar;
 +
* '''Noma da Classe CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
* '''Estilo Inline CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
 +
Depois de tudo definido agora basta clicar no botão ''"Salvar"'', ou se não deseja mais criar o campo, clique no botão ''"Cancelar"''.<br/><br/>
 +
== Listas ==
== Listas ==
 +
 +
O campo Listas permite que você crie diversas opções para o cliente selecionar.
 +
 +
Veja um exemplo:
 +
 +
[[Arquivo:wiki_campo_lista.jpg|link=Formulários e Campos]]
 +
 +
Se você deseja um campo como este, clique nesta opção para preencher todos os dados:
 +
 +
[[Arquivo:wiki_cria_campo_lista.jpg|link=Formulários e Campos]]
 +
 +
'''Aba Geral:'''
 +
* '''Nome do Campo:''' Este é o título do seu campo, ou nome do campo que você dará;
 +
* '''Texto Instrucional:''' Aqui você pode definir um texto de instrução ao cliente, por exemplo: "Selecione agora como nos conheceu";
 +
* '''Lista de Valores:''' Nesta área você vai digitar todas as opções que você deseja nesta seleção.
 +
 +
Depois de inserir todos os campos que você deseja, clique no link ''"Ordenar Valores em Ordem Alfabética"'' para que eles fiquem na ordem.
 +
 +
Eles precisam estar separados por espaços um abaixo do outro, como mostramos abaixo:
 +
 +
[[Arquivo:wiki_cria_campo_lista1.jpg|link=Formulários e Campos]]
 +
 +
 +
* '''Obrigatório:''' Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.<br/>
 +
 +
Depois de preencher os dados iniciais, agora você deve clicar na ''aba "Avançado"'':
 +
 +
 +
'''Aba Avançado:'''
 +
* '''Noma da Classe CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
* '''Estilo Inline CSS:''' NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
 +
 +
Depois de tudo definido agora basta clicar no botão ''"Salvar"'', ou se não deseja mais criar o campo, clique no botão ''"Cancelar"''.<br/><br/>
 +
 +
= Como excluir os campos e formulários =
 +
 +
Para excluir basta selecioná-los e depois clique no botão ''"Deletar Selecionado"''.
 +
 +
Se preferir você também pode clicar no link ''"Deletar"'' para excluir o campo:
 +
 +
[[Arquivo:wiki_excluir_campo.png|link=Formulários e Campos‎‎]]
 +
 +
= Como editar os campos e formulários =
 +
 +
Para editar os campos criados, basta você clicar no link ''"Editar"''
 +
 +
[[Arquivo:wiki_editar_campo.png|link=Formulários e Campos‎‎]]
 +
 +
Em seguida basta editar todos os campos desejados, opções e depois só clicar no botão ''"Salvar"''.
 +
 +
Se você não deseja mais editar, basta clicar no botão ''"Cancelar"''.
 +
 +
= Como copiar um campo =
 +
 +
Para não ter que criar novamente um campo, você também tem a opção de copiá-lo e só trocar os dados desejados.
 +
 +
Para você copiar o campo, clique no link ''"Copiar"''.
 +
 +
[[Arquivo:wiki_copiar_campo.png|link=Formulários e Campos‎‎]]
 +
 +
Insira todos os dados novo campo, e em seguida clique no botão '' "Salvar"''.
 +
 +
Se você não deseja mais criá-lo, basta clicar no botão ''"Cancelar"''.

Edição atual tal como 16h23min de 11 de fevereiro de 2011

Wiki ferramentas.png Formulários e Campos

Para criar novos campos e formulários de cadastro, clique no link que fica na parte superior da página - "Ferramentas" em seguida em "Formulários e Campos", como mostramos abaixo:

Wiki menu formularios campos.png

Você tem duas áreas para criar os formulários e campos: # Cadastro dos Detalhes Pessoais; # Cadastro dos Detalhes da Entrega

Wiki cadastro formularios.png

Esta área é dividida em "Cadastro Campos" e "Endereço Campos" conforme as respectivas abas.

Se você deseja inserir campos nos dados pessoais, clique na aba "Cadastro Campos"; já se você deseja inserir campos nos dados de entrega, clique na aba "Endereço Campos".

Wiki abas formularios.png

Depois de definir onde criará o campo, vamos aprender a inserir e administrar os mesmos.

Tabela de conteúdo

Como inserir novos campos e formulários no cadastro?

A grande vantagem de trabalhar com esta loja são as variedades de edições que você mesmo poderá fazer. Nesta área você poderá definir quais serão os campos que seu cliente terá que cadastrar.

Para criar um novo campo, clique no botão "Criar novo campo" e em seguida você terá que escolher que tipo de campo ele será:

Wiki campos.jpg

CheckBoxes

É um campo onde é possível escolher várias opções.

Veja um exemplo:

Wiki campo checkbox.jpg

Se você deseja um campo como este, clique nesta opção para preencher todos os dados:

Wiki editar checkboxes.jpg

Aba Geral:

  • Nome do Campo: Este é o título do seu campo, ou nome do campo que você dará;
  • Lista de Valores: Nesta área você vai digitar todas as opções que você deseja nos checkboxes.

Depois de inserir todos os campos que você deseja, clique no link "Ordenar Valores em Ordem Alfabética" para que eles fiquem na ordem.

Eles precisam estar separados por espaços um abaixo do outro, como mostramos abaixo:

Wiki editar checkboxes1.jpg


  • Obrigatório: Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.

Depois de preencher os dados iniciais, agora você deve clicar na aba "Avançado":


Aba Avançado:

  • Noma da Classe CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
  • Estilo Inline CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS

Depois de tudo definido agora basta clicar no botão "Salvar", ou se não deseja mais criar o campo, clique no botão "Cancelar".

Campo Data

Campo Data é a criação de um campo em formato de data: mês, dia e ano.

Veja um exemplo:

Wiki campo data.jpg

Se você deseja um campo como este, clique nesta opção para preencher todos os dados:

Wiki cria campo data.jpg

Aba Geral:

  • Nome do Campo: Este é o título do seu campo, ou nome do campo que você dará;
  • Valor Padrão: Você pode pré definir uma data para que apareça logo quando o cliente for escolhê-la;
  • Faixa de Datas: Além de uma data pré definida você também pode limitar as faixas de datas para que o cliente não use datas muito antigas, ou datas muito futuras.
  • Obrigatório: Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.

Depois de preencher os dados iniciais, agora você deve clicar na aba "Avançado":


Aba Avançado:

  • Noma da Classe CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
  • Estilo Inline CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS

Depois de tudo definido agora basta clicar no botão "Salvar", ou se não deseja mais criar o campo, clique no botão "Cancelar".

Campo Texto - Multi Linha

Campo Texto Multi Linha é a criação de um campo em formato texto, mas que permite textos mais extensos.

Veja um exemplo:

Wiki campo multilinha.jpg

Se você deseja um campo como este, clique nesta opção para preencher todos os dados:

Wiki cria campo multilinha.jpg

Aba Geral:

  • Nome do Campo: Este é o título do seu campo, ou nome do campo que você dará;
  • Valor Padrão: Você pode pré definir uma mensagem para que apareça logo quando o cliente visualizá-la;
  • Obrigatório: Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.

Depois de preencher os dados iniciais, agora você deve clicar na aba "Avançado":


Aba Avançado:

  • Número de Linhas: Aqui você vai definir qual a quantidade de linhas que o campo terá;
  • Tamanho do Campo: Depois é preciso definir também qual tamanho em pixels deste campo;
  • Noma da Classe CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
  • Estilo Inline CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS

Depois de tudo definido agora basta clicar no botão "Salvar", ou se não deseja mais criar o campo, clique no botão "Cancelar".

Números apenas

Campo número é a criação de um campo com apenas números.

Veja um exemplo:

Wiki campo numero.jpg

Se você deseja um campo como este, clique nesta opção para preencher todos os dados:

Wiki cria campo numero.jpg

Aba Geral:

  • Nome do Campo: Este é o título do seu campo, ou nome do campo que você dará;
  • Faixa de Números: Aqui você pode definir a faixa de números que o cliente pode digitar, por exemplo: se você deseja que ele escolha entre 1 a 5 você vai colocar as faixas para não permitir outras numerações;
  • Valor Padrão: Você pode pré definir um número para que apareça logo quando o cliente visualizá-lo;
  • Obrigatório: Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.

Depois de preencher os dados iniciais, agora você deve clicar na aba "Avançado":


Aba Avançado:

  • Tamanho do Campo: É preciso definir qual tamanho em pixels deste campo;
  • Máximo de Letras do Caractere: Além do tamanho, você pode definir quantos caracteres (números) o cliente pode digitar;
  • Noma da Classe CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
  • Estilo Inline CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS

Depois de tudo definido agora basta clicar no botão "Salvar", ou se não deseja mais criar o campo, clique no botão "Cancelar".

Campo Senha

O Campo Senha é a criação de um campo com a finalidade de gravar senhas, estes dados não aparecem para dar mais segurança ao usuário.

Lembramos que a senha pode ter números, letras e caracteres especiais (*, @, e outros).

Veja um exemplo:

Wiki campo senha.jpg

Se você deseja um campo como este, clique nesta opção para preencher todos os dados:

Wiki cria campo senha.jpg

Aba Geral:

  • Nome do Campo: Este é o título do seu campo, ou nome do campo que você dará;
  • Valor Padrão: Você pode pré definir esta informação para que apareça logo quando o cliente for digitá-la;
  • Obrigatório: Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.

Depois de preencher os dados iniciais, agora você deve clicar na aba "Avançado":


Aba Avançado:

  • Tamanho do Campo: É preciso definir qual tamanho em pixels deste campo;
  • Máximo de Letras do Caractere: Além do tamanho, você pode definir quantos caracteres (números) o cliente pode digitar;
  • Noma da Classe CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
  • Estilo Inline CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS

Depois de tudo definido agora basta clicar no botão "Salvar", ou se não deseja mais criar o campo, clique no botão "Cancelar".

Botões Radio

O Botão Radio é um campo onde é possível escolher apenas 1 opção.

Veja um exemplo:

Wiki campo radio.jpg

Se você deseja um campo como este, clique nesta opção para preencher todos os dados:

Wiki cria campo radio.jpg

Aba Geral:

  • Nome do Campo: Este é o título do seu campo, ou nome do campo que você dará;
  • Lista de Valores: Nesta área você vai digitar todas as opções que você deseja nos botões radio.

Depois de inserir todos os campos que você deseja, clique no link "Ordenar Valores em Ordem Alfabética" para que eles fiquem na ordem.

Eles precisam estar separados por espaços um abaixo do outro, como mostramos abaixo:

Wiki cria campo radio1.jpg

  • Obrigatório: Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.

Depois de preencher os dados iniciais, agora você deve clicar na aba "Avançado":


Aba Avançado:

  • Noma da Classe CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
  • Estilo Inline CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS

Depois de tudo definido agora basta clicar no botão "Salvar", ou se não deseja mais criar o campo, clique no botão "Cancelar".

Campo Texto

Através deste campo é possível criar um texto como nome, endereço, e outros.

Veja um exemplo:

Wiki campo texto.jpg

Se você deseja um campo como este, clique nesta opção para preencher todos os dados:

Wiki cria campo texto.jpg

Aba Geral:

  • Nome do Campo: Este é o título do seu campo, ou nome do campo que você dará;
  • Valor Padrão: Você pode pré definir este campo para que apareça logo quando o cliente for digitá-lo;
  • Obrigatório: Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.

Depois de preencher os dados iniciais, agora você deve clicar na aba "Avançado":


Aba Avançado:

  • Tamanho do Campo: É preciso definir qual tamanho em pixels deste campo;
  • Máximo de Letras do Caractere: Além do tamanho, você pode definir quantos caracteres (letras) o cliente pode digitar;
  • Noma da Classe CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
  • Estilo Inline CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS

Depois de tudo definido agora basta clicar no botão "Salvar", ou se não deseja mais criar o campo, clique no botão "Cancelar".

Listas

O campo Listas permite que você crie diversas opções para o cliente selecionar.

Veja um exemplo:

Wiki campo lista.jpg

Se você deseja um campo como este, clique nesta opção para preencher todos os dados:

Wiki cria campo lista.jpg

Aba Geral:

  • Nome do Campo: Este é o título do seu campo, ou nome do campo que você dará;
  • Texto Instrucional: Aqui você pode definir um texto de instrução ao cliente, por exemplo: "Selecione agora como nos conheceu";
  • Lista de Valores: Nesta área você vai digitar todas as opções que você deseja nesta seleção.

Depois de inserir todos os campos que você deseja, clique no link "Ordenar Valores em Ordem Alfabética" para que eles fiquem na ordem.

Eles precisam estar separados por espaços um abaixo do outro, como mostramos abaixo:

Wiki cria campo lista1.jpg


  • Obrigatório: Se você deseja que este campo seja obrigatório para o cliente, basta selecioná-lo.

Depois de preencher os dados iniciais, agora você deve clicar na aba "Avançado":


Aba Avançado:

  • Noma da Classe CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS
  • Estilo Inline CSS: NÃO CONSEGUI FAZER FUNCIONAR - ESTÁ NO .DOC PARA TIRAR AS DÚVIDAS

Depois de tudo definido agora basta clicar no botão "Salvar", ou se não deseja mais criar o campo, clique no botão "Cancelar".

Como excluir os campos e formulários

Para excluir basta selecioná-los e depois clique no botão "Deletar Selecionado".

Se preferir você também pode clicar no link "Deletar" para excluir o campo:

Wiki excluir campo.png

Como editar os campos e formulários

Para editar os campos criados, basta você clicar no link "Editar"

Wiki editar campo.png

Em seguida basta editar todos os campos desejados, opções e depois só clicar no botão "Salvar".

Se você não deseja mais editar, basta clicar no botão "Cancelar".

Como copiar um campo

Para não ter que criar novamente um campo, você também tem a opção de copiá-lo e só trocar os dados desejados.

Para você copiar o campo, clique no link "Copiar".

Wiki copiar campo.png

Insira todos os dados novo campo, e em seguida clique no botão "Salvar".

Se você não deseja mais criá-lo, basta clicar no botão "Cancelar".

Obtida de "http://www.amelhorlojaweb.com.br/wiki/index.php/Formul%C3%A1rios_e_Campos"
Ferramentas pessoais