====== Manual de Edição de Formulários ======
É necessário possuir os conhecimentos descritos no [[manuais:pagina_pessoal:Manual de Edição da Página Pessoal]].
Após efetuar o login no site, navegue até a página onde deseja inserir o formulário.

===== Criação =====
Na página desejada, clique em adicionar **item > pasta de formulário**. Informe um **título** para o formulário e clique em **salvar**. Nesse exemplo, faremos um formulário para pesquisar o interesse dos técnicos administrativos do campus em cursos de pós-graduação.

===== Captcha field =====
Na tela de visão do formulário, clique no menu **adicionar item > captcha field**. No campo **Rótulo**, escreva **Digite os caracteres abaixo:**. Clique em **salvar**. Um campo de confirmação de caracteres será inserido:\\
{{:manuais:formulario1.png?200|}}\\

===== Checkbox field =====
Na tela de visão do formulário, clique no menu **adicionar item > checkbox field**. No campo **rótulo**, escreva **Tenho interesse em cursar pós-graduação.**, marque este campo como obrigatório, e clique em **salvar**.
\\
{{:manuais:formulario2.png?300|}}\\

===== Campo de Data/Hora =====
Na tela de visão do formulário, clique no menu **adicionar item > campo de data/hora**. No campo **rótulo**, escreva **Posso cursar pós-graduação a partir de:**, marque este campo como obrigatório, desmarque a opção **Exiba opções de seleção de horário**, informe **Ano Inicial** = 2016 e **Ano Final** = 2019, e então clique em **salvar**.
\\
{{:manuais:formulario3.png?300|}}
\\
===== Decimal number field =====
Na tela de visão do formulário, clique no menu **adicionar item > number field**. No campo **rótulo**, escreva **Estou disposto a investir mensalmente:**, não marque este campo como obrigatório para permitir ao usuário digitar 0, deixe os demais campos com os valores padrão e clique em **salvar**.
\\
{{:manuais:formulario4.png?300|}}
\\
===== Pasta de fieldset =====
Na tela de visão do formulário, clique no menu **adicionar item > pasta de fieldset**. No campo **Título**, escreva **Tenho interesse em** e clique em **salvar**. O fieldset é como uma área organizada no formulário. Posteriormente pode-se adicionar as opções de múltipla escola dentro deste fieldset.
\\
{{:manuais:formulario5.png?700|}}
\\
===== Campo Arquivo =====
Na tela de visão do formulário, clique no menu **adicionar item > campo de arquivo**. No campo **Rótulo**, escreva “Currículo Profissional” e clique em **salvar**. O campo de arquivo vai permitir que o usuário envie um arquivo através do seu formulário. Posteriormente veremos como acessar este arquivo.
\\
{{:manuais:formulario6.png?300|}}
\\
===== Campo Imagem =====
Na tela de visão do formulário, clique no menu **adicionar item > imagem**. No campo **Título**, escreva “UTFPR”, no campo **Selecionar Arquivo**, selecione o logotipo da universidade, e clique em **salvar**.
\\
===== Campo do Tipo Etiqueta =====
Na tela de visão do formulário, clique no menu **adicionar item > campo do tipo etiqueta**. No campo **Rótulo**, escreva “Pesquisa realizada pelo Campus Pato Branco”, e clique em **salvar**. Este campo é apenas informativo.
\\
{{:manuais:formulario7.png?400|}}
\\
===== Campo linhas =====
Na tela de visão do formulário, clique no menu **adicionar item > campo linhas**. No campo **Rótulo**, escreva “Deixe aqui uma sugestão/crítica”, e clique em **salvar**.
\\
{{:manuais:formulario8.png?600|}}
\\
===== Adaptador para e-mail =====
Na tela de visão do formulário, clique no menu **adicionar item > adaptador para e-mail**. No campo **Título**, escreva “Enviar e-mail para o organizador dessa pesquisa”, informe um nome e o e-mail (o seu) e clique em **salvar**. Esse adaptador fará com que as respostas sejam direcionadas ao seu e-mail.

===== Campo de seleção múltipla =====
Na tela de visão do formulário, clique no menu **adicionar item > campo de seleção múltipla**. No campo **Rótulo**, escreva “Cursos de interesse:”. No campo **Opções**, escreva um item por linha: “Especialização Mestrado Acadêmico, Mestrado Profissional, Doutorado, Pós Doutorado”. \\
Marque a opção **Lista de Checkbox** se o usuário puder selecionar mais de uma opção, ou marque a opção **Lista de Seleção** se a opção deve ser única. Neste caso, acredito que a opção pode múltipla é mais adequada. Clique em **salvar**.
\\
{{:manuais:formulario9.png?200|}}
\\
===== Campo senha =====
Na tela de visão do formulário, clique no menu **adicionar item > campo senha**. No campo **Rótulo**, escreva “Senha para acesso”. Deixe os demais campos com o valor padrão, e clique em **salvar**.
\\
{{:manuais:formulario10.png?200|}}
\\
===== Página =====
Na tela de visão do formulário, clique no menu **adicionar item > página**. No campo **Título**, escreva um título para sua página. Insira um texto no campo **Corpo do texto**, e clique em **salvar**. Para maiores detalhes sobre criação de páginas, consulte o [[manuais:pagina_pessoal:Manual de Edição da Página Pessoal]].

===== Rating-scale field =====
Na tela de visão do formulário, clique no menu adicionar **item > rating- scale field**. No campo **Rótulo**, escreva “Avalie:”. No campo **Questões**, insira a questão: “Como você avalia o programa de afastamento da universidade?”. No campo Respostas, insira as alternativas, uma por linha: “Totalmente insatisfatório - Parcialmente insatisfatório - Não sei – Satisfatório - Totalmente satisfatório”. Clique em **salvar**.
\\
{{:manuais:formulario11.png?700|}}
\\
===== Rich label field =====
Na tela de visão do formulário, clique no menu **adicionar item > rich label field**. No campo **Título**, escreva “Pesquisa:”. No editor, insira o logo da instituição. Clique em **salvar**. Esse campo pode ser utilizado para inserir textos e imagens no formulário.

===== Adaptador de armazenamento de dados =====
Na tela de visão do formulário, clique no menu **adicionar item > Adaptador de armazenamento de dados**. No campo **Título**, escreva “Dados” e marque as opções **Data e hora da postagem** (útil para inscrições) e **Remote_Addr** para armazenar o endereço de ip remoto. Marque para **Incluir o nome das colunas** e clique em **salvar**.

===== Campo seleção =====
Na tela de visão do formulário, clique no menu **adicionar item > campo seleção**. No campo **Rótulo**, escreva “Sua formação:”, marque como obrigatório, e no campo **Opções** escreva (uma por linha): Graduação incompleta - Graduação completa - Especialização incompleta - Especialização completa - Mestrado incompleto - Mestrado completo – Outra. No campo **Apresentação do Widget**, marque a opção **Lista de Seleção**. Clique em **salvar**.
\\
{{:manuais:formulario12.png?200|}}\\
\\
Edite o formulário clicando no botão **Manutenção** (canto superior direito do formulário), localize o campo Sua formação, edite-o e altere a **Apresentação do Widget** para **Botões de Seleção**. Para visualizar o formulário, clique no ícone **Visualização**.
\\
{{:manuais:formulario13.png?200|}}\\
A **Apresentação do widget do tipo Flexível** seleciona automaticamente entre lista e botões, de acordo com o comprimento do texto.

===== Campo string =====
Na tela de visão do formulário, clique no menu **adicionar item > campo string**. No campo **Rótulo**, escreva “Nome completo:”, marque como obrigatório, e clique em **salvar**.
\\
{{:manuais:formulario14.png?200|}}\\
\\
É possível inserir um validador nesse campo, se necessário. Adicione um novo **campo string** ao formulário, no campo **Rótulo** escreva “E-mail institucional”, marque como obrigatório, e no campo **Validador**, selecione a opção **É um endereço de e-mail**. Isso validará se o texto inserido tem o formato de e-mail válido, com **@** e **.**. É possível validar cep, telefone, etc. 

===== Campo texto =====
Na tela de visão do formulário, clique no menu **adicionar item > campo texto**. No campo **Rótulo**, escreva “Sugestão de áreas de concentração para novos cursos de pós-graduação:”, marque como obrigatório e clique em **salvar**.
\\
{{:manuais:formulario15.png?600|}}\\
===== Página de agradecimento =====
Na tela de visão do formulário, clique no menu **adicionar item > página de agradecimento**. No campo **Título**, escreva “Obrigado por participar”. Se desejar, insira mensagens nos campos **Prólogo e Epílogo**. No campo **Mensagem para quando o formulário não é preenchido**, traduza o texto para “Suas respostas não foram registradas. Por favor, acesse o formulário.”. Selecione a palavra “formulário” e clique no botão **Inserir/Editar hiperlink**. No menu esquerdo, clique em **Home** e localize a pasta onde está o formulário.
\\
{{:manuais:formulario16.png?600|}}\\
Os documentos do campus estão em **Home > patobranco**, dentro da sua respectiva pasta. Após selecionar o formulário, clique em **Inserir**, e depois em **salvar**.\\
A mensagem será exibida após o envio do formulário.

===== Whole number field =====
Na tela de visão do formulário, clique no menu **adicionar item > whole number field**. No campo **Rótulo**, escreva “Há quantos anos está no cargo?”. Clique em **salvar**.
\\
{{:manuais:formulario17.png?200|}}\\

====== Organização do Formulário ======
Você não precisa inserir as questões na ordem definitiva. Ao editar o formulário, os itens do formulário aparecem listados em uma tabela. A última coluna dessa tabela recebe o título de order. Para mover um item para cima e para baixo, posicione o cursor no ícone desejado até o ponteiro do mouse se transformar em uma âncora. Então, mantenha o botão esquerdo do mouse clicado e o arraste para o local desejado.
\\
{{:manuais:formulario18.png?800|}}
\\
====== Campos Obrigatórios ======
Os campos obrigatórios serão exibidos com um ** * ** ao seu lado. Na página do formulário, não preencha nenhum campo e clique no botão **enviar**. O formulário será exibido da seguinte forma:
\\
{{:manuais:formulario19.png?600|}}\\

====== Publicação do Formulário ======
Para publicar o formulário, estando na aba visão, clique no menu **estado > publicar**, no canto superior direito da tela.\\
Faça o primeiro envio do seu formulário: preencha todos os campos adequadamente, e clique no botão **enviar**. Se tudo estiver ok, uma mensagem de agradecimento será exibida após o envio. Um e-mail para o dono do formulário (nesse caso, você), será enviado com as suas respostas.